Upgrade to ExtJS 3.3.1 - Released 11/30/2010

[extjs.git] / examples / docs / output / Ext.ux.form.MultiSelect.html

<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.ux.form.MultiSelect-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>&#13;<a class="inner-link" href="#Ext.ux.form.MultiSelect-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a>&#13;<a class="inner-link" href="#Ext.ux.form.MultiSelect-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a>&#13;<a class="inner-link" href="#Ext.ux.form.MultiSelect-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>&#13;<a class="bookmark" href="../docs/?class=Ext.ux.form.MultiSelect"><img src="resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>&#13;</div><h1>Class <a href="source/MultiSelect.html#cls-Ext.ux.form.MultiSelect">Ext.ux.form.MultiSelect</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext.ux.form</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/MultiSelect.html#cls-Ext.ux.form.MultiSelect">MultiSelect.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/MultiSelect.html#cls-Ext.ux.form.MultiSelect">MultiSelect</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info">Object</td></tr></table><div class="description">A control that allows selection and form submission of multiple list items.</div><div class="hr"></div><a id="Ext.ux.form.MultiSelect-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-allowBlank"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-allowBlank">allowBlank</a></b> : Boolean<div class="mdesc">False to require at least one item in the list to be selected, true to allow no
selection (defaults to true).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-allowBlank"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-allowBlank">allowBlank</a></b> : Boolean<div class="mdesc">False to require at least one item in the list to be selected, true to allow no
selection (defaults to true).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-appendOnly"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-appendOnly">appendOnly</a></b> : String<div class="mdesc"><div class="short">True if the list should only allow append drops when drag/drop is enabled
(use for lists which are sorted, defaults t...</div><div class="long">True if the list should only allow append drops when drag/drop is enabled
(use for lists which are sorted, defaults to false).</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-appendOnly"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-appendOnly">appendOnly</a></b> : String<div class="mdesc"><div class="short">True if the list should only allow append drops when drag/drop is enabled
(use for lists which are sorted, defaults t...</div><div class="long">True if the list should only allow append drops when drag/drop is enabled
(use for lists which are sorted, defaults to false).</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-blankText"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-blankText">blankText</a></b> : String<div class="mdesc"><div class="short">Default text displayed when the control contains no items (defaults to the same value as
Ext.form.TextField.blankText...</div><div class="long">Default text displayed when the control contains no items (defaults to the same value as
<a href="output/Ext.form.TextField.html#Ext.form.TextField-blankText" ext:member="blankText" ext:cls="Ext.form.TextField">Ext.form.TextField.blankText</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-blankText"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-blankText">blankText</a></b> : String<div class="mdesc"><div class="short">Default text displayed when the control contains no items (defaults to the same value as
Ext.form.TextField.blankText...</div><div class="long">Default text displayed when the control contains no items (defaults to the same value as
<a href="output/Ext.form.TextField.html#Ext.form.TextField-blankText" ext:member="blankText" ext:cls="Ext.form.TextField">Ext.form.TextField.blankText</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-ddReorder"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-ddReorder">ddReorder</a></b> : Boolean<div class="mdesc">Whether the items in the MultiSelect list are drag/drop reorderable (defaults to false).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-ddReorder"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-ddReorder">ddReorder</a></b> : Boolean<div class="mdesc">Whether the items in the MultiSelect list are drag/drop reorderable (defaults to false).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-delimiter"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-delimiter">delimiter</a></b> : String<div class="mdesc">The string used to delimit between items when set or returned as a string of values
(defaults to ',').</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-delimiter"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-delimiter">delimiter</a></b> : String<div class="mdesc">The string used to delimit between items when set or returned as a string of values
(defaults to ',').</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-displayField"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-displayField">displayField</a></b> : String/Number<div class="mdesc">Name/Index of the desired display field in the dataset (defaults to 0).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-displayField"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-displayField">displayField</a></b> : String/Number<div class="mdesc">Name/Index of the desired display field in the dataset (defaults to 0).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-dragGroup"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-dragGroup">dragGroup</a></b> : String/Array<div class="mdesc">The ddgroup name(s) for the MultiSelect DragZone (defaults to undefined).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-dragGroup"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-dragGroup">dragGroup</a></b> : String/Array<div class="mdesc">The ddgroup name(s) for the MultiSelect DragZone (defaults to undefined).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-dropGroup"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-dropGroup">dropGroup</a></b> : String/Array<div class="mdesc">The ddgroup name(s) for the MultiSelect DropZone (defaults to undefined).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-dropGroup"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-dropGroup">dropGroup</a></b> : String/Array<div class="mdesc">The ddgroup name(s) for the MultiSelect DropZone (defaults to undefined).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-height"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-height">height</a></b> : Number<div class="mdesc">Height in pixels of the control (defaults to 100).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-height"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-height">height</a></b> : Number<div class="mdesc">Height in pixels of the control (defaults to 100).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-legend"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-legend">legend</a></b> : String<div class="mdesc">Wraps the object with a fieldset and specified legend.</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-legend"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-legend">legend</a></b> : String<div class="mdesc">Wraps the object with a fieldset and specified legend.</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-maxSelections"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-maxSelections">maxSelections</a></b> : Number<div class="mdesc">Maximum number of selections allowed (defaults to Number.MAX_VALUE).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-maxSelections"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-maxSelections">maxSelections</a></b> : Number<div class="mdesc">Maximum number of selections allowed (defaults to Number.MAX_VALUE).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-maxSelectionsText"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-maxSelectionsText">maxSelectionsText</a></b> : String<div class="mdesc"><div class="short">Validation message displayed when maxSelections is not met (defaults to 'Maximum {0}
item(s) allowed').  The {0} toke...</div><div class="long">Validation message displayed when <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-maxSelections" ext:member="maxSelections" ext:cls="Ext.ux.form.MultiSelect">maxSelections</a> is not met (defaults to 'Maximum {0}
item(s) allowed').  The {0} token will be replaced by the value of <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-maxSelections" ext:member="maxSelections" ext:cls="Ext.ux.form.MultiSelect">maxSelections</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-maxSelectionsText"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-maxSelectionsText">maxSelectionsText</a></b> : String<div class="mdesc"><div class="short">Validation message displayed when maxSelections is not met (defaults to 'Maximum {0}
item(s) allowed').  The {0} toke...</div><div class="long">Validation message displayed when <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-maxSelections" ext:member="maxSelections" ext:cls="Ext.ux.form.MultiSelect">maxSelections</a> is not met (defaults to 'Maximum {0}
item(s) allowed').  The {0} token will be replaced by the value of <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-maxSelections" ext:member="maxSelections" ext:cls="Ext.ux.form.MultiSelect">maxSelections</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-minSelections"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-minSelections">minSelections</a></b> : Number<div class="mdesc">Minimum number of selections allowed (defaults to 0).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-minSelections"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-minSelections">minSelections</a></b> : Number<div class="mdesc">Minimum number of selections allowed (defaults to 0).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-minSelectionsText"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-minSelectionsText">minSelectionsText</a></b> : String<div class="mdesc"><div class="short">Validation message displayed when minSelections is not met (defaults to 'Minimum {0}
item(s) required').  The {0} tok...</div><div class="long">Validation message displayed when <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-minSelections" ext:member="minSelections" ext:cls="Ext.ux.form.MultiSelect">minSelections</a> is not met (defaults to 'Minimum {0}
item(s) required').  The {0} token will be replaced by the value of <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-minSelections" ext:member="minSelections" ext:cls="Ext.ux.form.MultiSelect">minSelections</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-minSelectionsText"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-minSelectionsText">minSelectionsText</a></b> : String<div class="mdesc"><div class="short">Validation message displayed when minSelections is not met (defaults to 'Minimum {0}
item(s) required').  The {0} tok...</div><div class="long">Validation message displayed when <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-minSelections" ext:member="minSelections" ext:cls="Ext.ux.form.MultiSelect">minSelections</a> is not met (defaults to 'Minimum {0}
item(s) required').  The {0} token will be replaced by the value of <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-minSelections" ext:member="minSelections" ext:cls="Ext.ux.form.MultiSelect">minSelections</a>.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-store"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-store">store</a></b> : Ext.data.Store/Array<div class="mdesc"><div class="short">The data source to which this MultiSelect is bound (defaults to undefined).
Acceptable values for this property are:
...</div><div class="long">The data source to which this MultiSelect is bound (defaults to <tt>undefined</tt>).
Acceptable values for this property are:
<div class="mdetail-params"><ul>
<li><b>any <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a> subclass</b></li>
<li><b>an Array</b> : Arrays will be converted to a <a href="output/Ext.data.ArrayStore.html" ext:cls="Ext.data.ArrayStore">Ext.data.ArrayStore</a> internally.
<div class="mdetail-params"><ul>
<li><b>1-dimensional array</b> : (e.g., <tt>['Foo','Bar']</tt>)<div class="sub-desc">
A 1-dimensional array will automatically be expanded (each array item will be the combo
<a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-valueField" ext:member="valueField" ext:cls="Ext.ux.form.MultiSelect">value</a> and <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-displayField" ext:member="displayField" ext:cls="Ext.ux.form.MultiSelect">text</a>)</div></li>
<li><b>2-dimensional array</b> : (e.g., <tt>[['f','Foo'],['b','Bar']]</tt>)<div class="sub-desc">
For a multi-dimensional array, the value in index 0 of each item will be assumed to be the combo
<a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-valueField" ext:member="valueField" ext:cls="Ext.ux.form.MultiSelect">value</a>, while the value at index 1 is assumed to be the combo <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-displayField" ext:member="displayField" ext:cls="Ext.ux.form.MultiSelect">text</a>.
</div></li></ul></div></li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-store"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-store">store</a></b> : Ext.data.Store/Array<div class="mdesc"><div class="short">The data source to which this MultiSelect is bound (defaults to undefined).
Acceptable values for this property are:
...</div><div class="long">The data source to which this MultiSelect is bound (defaults to <tt>undefined</tt>).
Acceptable values for this property are:
<div class="mdetail-params"><ul>
<li><b>any <a href="output/Ext.data.Store.html" ext:cls="Ext.data.Store">Store</a> subclass</b></li>
<li><b>an Array</b> : Arrays will be converted to a <a href="output/Ext.data.ArrayStore.html" ext:cls="Ext.data.ArrayStore">Ext.data.ArrayStore</a> internally.
<div class="mdetail-params"><ul>
<li><b>1-dimensional array</b> : (e.g., <tt>['Foo','Bar']</tt>)<div class="sub-desc">
A 1-dimensional array will automatically be expanded (each array item will be the combo
<a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-valueField" ext:member="valueField" ext:cls="Ext.ux.form.MultiSelect">value</a> and <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-displayField" ext:member="displayField" ext:cls="Ext.ux.form.MultiSelect">text</a>)</div></li>
<li><b>2-dimensional array</b> : (e.g., <tt>[['f','Foo'],['b','Bar']]</tt>)<div class="sub-desc">
For a multi-dimensional array, the value in index 0 of each item will be assumed to be the combo
<a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-valueField" ext:member="valueField" ext:cls="Ext.ux.form.MultiSelect">value</a>, while the value at index 1 is assumed to be the combo <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-displayField" ext:member="displayField" ext:cls="Ext.ux.form.MultiSelect">text</a>.
</div></li></ul></div></li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-tbar"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-tbar">tbar</a></b> : Object/Array<div class="mdesc"><div class="short">The top toolbar of the control. This can be a Ext.Toolbar object, a
toolbar config, or an array of buttons/button con...</div><div class="long">The top toolbar of the control. This can be a <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Ext.Toolbar</a> object, a
toolbar config, or an array of buttons/button configs to be added to the toolbar.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-tbar"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-tbar">tbar</a></b> : Object/Array<div class="mdesc"><div class="short">The top toolbar of the control. This can be a Ext.Toolbar object, a
toolbar config, or an array of buttons/button con...</div><div class="long">The top toolbar of the control. This can be a <a href="output/Ext.Toolbar.html" ext:cls="Ext.Toolbar">Ext.Toolbar</a> object, a
toolbar config, or an array of buttons/button configs to be added to the toolbar.</div></div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-valueField"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-valueField">valueField</a></b> : String/Number<div class="mdesc">Name/Index of the desired value field in the dataset (defaults to 1).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-valueField"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-valueField">valueField</a></b> : String/Number<div class="mdesc">Name/Index of the desired value field in the dataset (defaults to 1).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-view"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-view">view</a></b> : Ext.ListView<div class="mdesc">The <a href="output/Ext.ListView.html" ext:cls="Ext.ListView">Ext.ListView</a> used to render the multiselect list.</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-view"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-view">view</a></b> : Ext.ListView<div class="mdesc">The <a href="output/Ext.ListView.html" ext:cls="Ext.ListView">Ext.ListView</a> used to render the multiselect list.</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-width"></a><b><a href="source/MultiSelect.html#cfg-Ext.ux.form.MultiSelect-width">width</a></b> : Number<div class="mdesc">Width in pixels of the control (defaults to 100).</div></td><td class="msource">MultiSelect</td></tr><tr class="config-row  "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-width"></a><b><a href="source/ux-all-debug.html#cfg-Ext.ux.form.MultiSelect-width">width</a></b> : Number<div class="mdesc">Width in pixels of the control (defaults to 100).</div></td><td class="msource">MultiSelect</td></tr></tbody></table><a id="Ext.ux.form.MultiSelect-props"></a><h2>Public Properties</h2><div class="no-members">This class has no public properties.</div><a id="Ext.ux.form.MultiSelect-methods"></a><h2>Public Methods</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Method</th><th class="msource-header">Defined By</th></tr><tr class="method-row expandable"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-MultiSelect"></a><b><a href="source/MultiSelect.html#cls-Ext.ux.form.MultiSelect">MultiSelect</a></b>(&nbsp;<code>Object&nbsp;config</code>&nbsp;)
    <div class="mdesc"><div class="short">Create a new MultiSelect</div><div class="long">Create a new MultiSelect<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>config</code> : Object<div class="sub-desc">Configuration options</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-getTargetFromEvent"></a><b><a href="source/ux-all-debug.html#method-Ext.ux.form.MultiSelect-getTargetFromEvent">getTargetFromEvent</a></b>()
    :
                                        void<div class="mdesc"><div class="short">Part of the Ext.dd.DropZone interface. If no target node is found, the
whole Element becomes the target, and this cau...</div><div class="long">Part of the Ext.dd.DropZone interface. If no target node is found, the
whole Element becomes the target, and this causes the drop gesture to append.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-getValue"></a><b><a href="source/ux-all-debug.html#method-Ext.ux.form.MultiSelect-getValue">getValue</a></b>()
    :
                                        Array<div class="mdesc"><div class="short">Returns an array of data values for the selected items in the list. The values will be separated
by delimiter.</div><div class="long">Returns an array of data values for the selected items in the list. The values will be separated
by <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-delimiter" ext:member="delimiter" ext:cls="Ext.ux.form.MultiSelect">delimiter</a>.<div class="mdetail-params"><strong>Parameters:</strong><ul><li>None.</li></ul><strong>Returns:</strong><ul><li><code>Array</code><div class="sub-desc">value An array of string data values</div></li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr><tr class="method-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.ux.form.MultiSelect-setValue"></a><b><a href="source/ux-all-debug.html#method-Ext.ux.form.MultiSelect-setValue">setValue</a></b>(&nbsp;<code>String/Array&nbsp;values</code>&nbsp;)
    :
                                        void<div class="mdesc"><div class="short">Sets a delimited string (using delimiter) or array of data values into the list.</div><div class="long">Sets a delimited string (using <a href="output/Ext.ux.form.MultiSelect.html#Ext.ux.form.MultiSelect-delimiter" ext:member="delimiter" ext:cls="Ext.ux.form.MultiSelect">delimiter</a>) or array of data values into the list.<div class="mdetail-params"><strong>Parameters:</strong><ul><li><code>values</code> : String/Array<div class="sub-desc">The values to set</div></li></ul><strong>Returns:</strong><ul><li>void</li></ul></div></div></div></td><td class="msource">MultiSelect</td></tr></tbody></table><a id="Ext.ux.form.MultiSelect-events"></a><h2>Public Events</h2><div class="no-members">This class has no public events.</div></div>