In this example, the markup for an options widget is being wired up by an instance of
Uize.Widget.Options. Below the options are some links that execute snippets of code to demonstrate the programmatic interface of the widget. The
Uize.Widget.Options class provides
tentativeValue state properties in its interface. The
Changed.tentativeValue instance events for these two properties can be used to watch for changes in the widget's state. The
value state property can be set to programmatically change the selected option. Interact with both the options UI and the test links to see how they affect one another.
What's most interesting about this example is that it uses the
Uize.Widget.Options class' behavior of invoking the generator to rebuild the UI each time the options set changes (i.e. the
values state property changes value). In the list of programmatic links below, you'll see some links that set the
values state property (labeled "Set the values list"). Click these links and see how the widget dynamically rebuilds its UI to reflect the new values. View the source of the page and you'll see the
<script type="text/jst"> block tucked inside the root node of the options widget.
- options.get ('value') == ''
- options.get ('tentativeValue') == ''
- Types of renewable energy...
- Types of fruits...
- Types of big cats...