MultiSelect
is a simple
wrapper (with the attributes listed in Table 13-11) around a native SELECT
element (with the attribute multi=true
) that inherits from _FormWidget
. The primary reason that it is
included in Dijit is because it facilitates interaction with the
dijit.Form
wrapper (coming up later
in this chapter) and streamlines the task of otherwise having to style
the SELECT
element
yourself.
Table 13-11. MultiSelect
Name | Comment |
---|---|
| The number of elements
to display on a page. |
| Moves the selected
nodes from another |
| Returns the selected nodes in the widget. |
| Sets the value of each
node in the widget according to the sequential values provided
in the values |
| Inverts the selection.
If |
Because MultiSelect
is just a
lightweight wrapper around the HTML equivalent, there is little to say
about that is specific to Dojo. You can define a MultiSelect
in markup, as shown in Example 13-7.
Example 13-7. Typical MultiSelect in markup
<select multiple="true" name="foo" dojoType="dijit.form.MultiSelect" style="height:100px; width:100px; border:3px solid black;"> <option value="TN" selected="true">Tennessee</option> <option value="VA">Virginia</option> <option value="WV">West Virginia</option> <option value="OH">Ohio</option> </select>
Get Dojo: The Definitive Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.