Conditionally prevent properties from binding

asked 2017-06-23 06:01:45 +0800

JustinFrost
145 ● 1 ● 6

updated 2017-06-23 06:03:17 +0800

Hi

We are using form binding on a UI component as follows:

 <panelform disabled="@load(vm.system)"
    form="@id('formData') @load(vm.employee) @save(vm.employee, before='doSaveEmployee')">
        <textbox id="employeeName" value="@load(formData.name)" disabled="@load(formData.manager)"/>
    </panelform>

The set disabled on the panelform component loops through all of the child components and calls setDisabled(false). This successfully disables the components in this example the employeeName textBox is disabled because vm.system is true.

The problem is when the employeeName disabled property @load is performed, the field is enabled as formData.manager is false.

Is there anyway to override the binder with a custom class and ignore the disabled property bindings under certain conditions. In this example when the vm.system = true we want to ignore individual disabled property bindings on the components in the panelform.

Thanks.