Suppose we are writing some kind of Login form and we have a component, that listens to on changed on a couple of Entry's which emit events with text upon which the component decides to enable/disable Login button. All user inputs from those entires are captured in Model as user types (to calculate validations and to emit the complete "form" via callback).
The next thing is that we want also to disable the login button right after user clicks it to prevent mulitclicking. To do so we provide an busy prop that is set on component in the outer UI declaration.
Right now if we change this busy param from outside the component -- the component will lose it's state (e.g. all of user inputs will still be in their respective UI widgets, but the model will be Default-ed) which leads to inconsistent disable/enable behavior.
Suppose we are writing some kind of Login form and we have a component, that listens to
on changed
on a couple ofEntry
's which emit events with text upon which the component decides to enable/disableLogin
button. All user inputs from those entires are captured inModel
as user types (to calculate validations and to emit the complete "form" via callback).The next thing is that we want also to disable the login button right after user clicks it to prevent mulitclicking. To do so we provide an
busy
prop that is set on component in the outer UI declaration.Right now if we change this
busy
param from outside the component -- the component will lose it's state (e.g. all of user inputs will still be in their respective UI widgets, but the model will beDefault
-ed) which leads to inconsistent disable/enable behavior.Here is an example of this behavior.