djFilteringSelect - Dojo フィルタリング選択

選択およびフィルタリングされた値を受け入れます。

カテゴリ

Dojo フォーム

構文

<xe:djFilteringSelect attributes>content</xe:djFilteringSelect>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djFilteringSelect1`、`djFilteringSelect2` などです。
value	コントロールをデータ要素にバインドします。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	alt、tabIndex、title、waiRole、waiState
basics	autoComplete、binding、dir、disabled、hasDownArrow、id、ignoreCase、immediate、lang、loaded、maxLength、multipleSeparator、multipleTrim、queryExp、readOnly、rendered、rendererType、required、searchAttr、searchDelay、trim、type、validatorExt
data	converter、defaultValue、disableClientSideValidation、disableModifiedFlag、disableValidators、invalidMessage、pageSize、promptMessage、regExp、regExpGen、showReadOnlyAsDisabled、store、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
format	displayMessageExt、labelAttr、labelFunc、labelType、lowercase、propercase、tooltipPosition、uppercase
styling	disableTheme、style、styleClass、themeId

使用法

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

実行時には、itemLabel 選択項目を表示し、選択された itemLabel に対応する itemValue を返すドロップダウンボックスがページに表示されます。ラベルと値のペアを指定するには、複数の selectItem 埋め込みコントロールを使用するか、1 つの selectItems 埋め込みコントロールを使用します。

このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスはコンボボックスコントロールです。

例

以下の例は、スコープ変数にバインドされるフィルタリング選択ボックス、ページを送信するためのボタン、スコープ変数の値を表示する計算結果フィールドを示します。このテキストボックスは、ユーザーに対して itemLabel 選択項目を表示し、選択された itemLabel の itemValue を取得します。

<xp:table>
	<xp:tr>
		<xp:td>Filtering Select</xp:td>
		<xp:td>
		<xe:djFilteringSelect id="djFilteringSelect1" value="#{sessionScope.djFilteringSelect1}">
		<xp:selectItem itemLabel="Maine" itemValue="ME"></xp:selectItem>
		<xp:selectItem itemLabel="New Hampshire" itemValue="NH"></xp:selectItem>
		<xp:selectItem itemLabel="Vermont" itemValue="VT"></xp:selectItem>
		<xp:selectItem itemLabel="Massachusetts" itemValue="MA"></xp:selectItem>
		<xp:selectItem itemLabel="Rhode Island" itemValue="RI"></xp:selectItem>
		<xp:selectItem itemLabel="Connecticut" itemValue="CT"></xp:selectItem>
		</xe:djFilteringSelect></xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td>
			<xp:button value="submit" id="button1">
				<xp:eventHandler event="onclick" submit="true" refreshMode="complete" immediate="false" save="true">
			</xp:eventHandler></xp:button>
		</xp:td>
		<xp:td></xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td>Value</xp:td>
		<xp:td><xp:text escape="true" id="computedField1" value="#{sessionScope.djFilteringSelect1}"></xp:text></xp:td>
	</xp:tr>
</xp:table>