Order of @load bindings causes issue

asked 2017-05-04 03:44:53 +0800

JustinFrost
145 ● 1 ● 6

I have a custom form component which extends Div, in the setVisible method of this component there is some code to focus to the first element as follows:

setVisible(boolean visible){
    if (visible){    
        for (Component c: getFormComponents()){
            if (!c.getDisabled() && c.isVisible()){
                c.setFocus();
                break;
            }
        }
    }
}

The zul page using this custom component is as follows:

<formComponent visible="@load(vm.formModel.open)">
    <textbox visible="@load(vm.formModel.textType)" disabled="@load(vm.formModel.textDisabled)"/>
    <textbox visible="@load(vm.formModel.value)"/>
</formComponent>

The issue I am having is that when the setVisible method is called as a result of notify on formModel.open the text box components have not yet been set visible/disabled because the @load binding has not yet been executed.

What order are the @load bindings executed, is there is any way to make the setVisible be executed last so it gets the correct visible and disabled values for the textboxes.

Thanks.