Databinding on HTMLMacroComponent @Bind not working

asked 2014-11-02 14:43:49 +0800

snaef999
6 ● 1

I have a HtmlMacroComponent that is embeded in a form defined as:

<vlayout form="@id('fx') @init(vm.fxForm) @load(vm.selectedProduction) @save(vm.selectedProduction, before='onUpdateProduction') @validator(vm.productionValidator)">
                <hbox align="center" hflex="1" />
                <grid hflex="1">
                    <columns>
                        <column valign="top" align="right" hflex="min" />
                        <column />
                    </columns>
                        <row>
                            <cell sclass="row-title">
                                Producer(s) :
                            </cell>

                            <cell>
                                     <clientSelector descriptor="Producers" userList="@load(fx.producers) @save(fx.producers, before='onUpdateProduction')" hflex="1" />
                                                           </cell>

                        </row>
                    </rows>
                </grid>
                <hlayout>
                    <button onClick="@command('onUpdateProduction')" label="Update" />
                    <button onClick="@command('reloadProduction')" label="Reload" />
                </hlayout>
            </vlayout>

My custom macro component <clientSelector> works correctly when databinding is defineded like the above. However, if I define databinding like:

<clientSelector descriptor="Producers" userList="@bind(fx.producers)" hflex="1" />

using the short hand @bind instead of @save and @load the value is not updated on the intermediate form object before the command operation. I thought the before='onUpdateProduction' would take care of this on its own? Why does the long form work but the short form not?