Will perform UI enhancements on DOM elements on all the children of js:data::$container using Wijmo and jQuery UI widgets.
Element with a .notransform CSS class will be left unchanged.
Input text: | Using the wijtextbox widget. |
||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Select: | Using the wijdropdown widget. |
||||||||||
Checkbox: | Using the wijcheckbox widget. |
||||||||||
Radio: | Using the wijradio widget. |
||||||||||
Expander: | Elements with the .expander CSS class using wijexpander widget.
You can set options with the data-wijexpander-options HTML attribute (JSON for additional settings).
|
||||||||||
Accordion: | Elements with CSS class .accordion using wijaccordion widget. |
||||||||||
Submit: | Using the button widget.
| You can set options with the data- HTML attributes (additional settings).
|
$(domContext).nosFormUI();
Will use the jquery-form plugin to submit any form inside js:data::$container using Ajax rather than the native browser action.
The default response data type is json, and the success and error callbacks functions will call $container.nosAjaxSuccess() and $container.nosAjaxError().
$(domContext).nosFormAjax();
Will use the jquery-validation plugin to perform inline validation on any form inside js:data::$container.
It’s already configured to display error messages nicely, and take into account some specificity from the UI enhancements (like the accordion).
Most forms are using it, since it’s part of the form’s standard layout.
$(domContext).nosFormValidate({});