djextListTextBox - Dojo リストテキストボックス

値のリストを受け入れます。

カテゴリ

Dojo フォーム

構文

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

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djextListTextBox1`、`djextListTextBox2` などです。
value	コントロールをデータ要素にバインドします。
dataProvider	値を選択するための選択項目を指定します。
multipleSeparator	複数値要素の場合に指定します。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	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
イベント	onBlur、onChange、 onClick、onClose、onDblClick、onFocus、onHide、onKeyDown、onKeyPress、onKeyUp、onMouseDown、onMouseEnter、onMouseLeave、onMouseMove、onMouseOut、onMouseOver、onMouseUp、onShow
styling	disableTheme、style、styleClass、themeId

使用法

これは Dojo コントロールです。

このコントロールは、valuePicker - 値ピッカーと併せて使用してください。

例

以下の例は、スコープ変数にバインドされ、値ピッカーによってアクティブ化されるリストテキストボックスを示しています。

<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>