djextListTextBox - Dojo List Text Box

Accepts a list of values.

Syntax

<xe:djextListTextBox attributes>content</xe:djextListTextBox>

Table 1. Essential properties
Property	Description
id	Defaults to `djextListTextBox1`, `djextListTextBox2`, and so on.
value	Binds the control to a data element.
dataProvider	Specifies choices for the value selection.
multipleSeparator	Specify for multi-value elements.

Table 2. All properties
Category	Properties
accessibility	alt, tabIndex, title, waiRole, waiState
basics	binding, dataProvider, dir, disabled, displayLabel, id, immediate, lang, loaded, multipleSeparator, multipleTrim, readonly, rendered, rendererType, required, type
data	converter, defaultValue, disableClientSideValidation, disableModifiedFlag, disableValidators, showReadonlyAsDisabled, validator, validators, value, valueChangeListener, valueChangeListeners
dojo	dojoAttributes, dojoType, dragRestriction, intermediateChanges, tooltip
events	onBlur, onChange, onClick, onClose, onDblClick, onFocus, onHide, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseEnter, onMouseLeave, onMouseMove, onMouseOut, onMouseOver, onMouseUp, onShow
styling	disableTheme, style, styleClass, themeId

Usage

This is a Dojo control.

Use this control in conjunction with valuePicker - Value Picker.

Examples

This example shows a List Text Box bound to a scoped variable and activated by a Value Picker.

<xp:table>
	<xp:tr>
		<xp:td>
			<xp:label value="Categories" id="label1"></xp:label>
		</xp:td>
		<xp:td>
			<xe:djextListTextBox id="djextListTextBox1"
				value="#{requestScope.category}" multipleTrim="true"
				multipleSeparator=",">
			</xe:djextListTextBox>
			<xe:valuePicker id="valuePicker1"
				for="djextListTextBox1" dialogTitle="Category"
				dojoType="extlib.dijit.PickerCheckbox">
				<xe:this.dataProvider>
					<xe:simpleValuePicker valueList="red,green,blue"
						valueListSeparator=",">
					</xe:simpleValuePicker>
				</xe:this.dataProvider>
			</xe:valuePicker>
		</xp:td>
	</xp:tr>
</xp:table>