Oracle JET for Developers

Interactive bindings

Interactive bindings help the user interact with the form elements to be associated with corresponding viewmodel methods or events to be triggered in the pages. Knockout JS supports the following interactive bindings:

• Click: <method>—An element click invokes a ViewModel method. Example:

        <button data-bind='click: addEmployee'>Submit</button>

• Value: <property>—Associates the form element value to the ViewModel attribute. Example:

       <td>Age: <input data-bind='value: age' /></td>

• Event: <object>—With an user-initiated event, it invokes a method. Example:

       <p data-bind='event: {mouseover: showEmployee,                             mouseout: hideEmployee}'>        Age: <input data-bind='value: Age' /> </p>

• Submit: <method>—With a form submit event, it ...