djextLinkSelect - Dojo リンク選択

選択されたリンクに基づく値を受け入れます。

カテゴリ

Dojo フォーム

構文

<xe:djextLinkSelect attributes>content</xe:djextLinkSelect>

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

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	alt、tabIndex、title、waiRole、waiState
basics	binding、dataProvider、dir、disabled、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、firstItemStyle、firstItemStyleClass、itemStyle、itemStyleClass、lastItemStyle、lastItemStyleClass、style、styleClass、themeId

使用法

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

実行時には、リンク値が表示されます。ユーザーがいずれかを選択すると、バインドされた値が設定されます。

例

以下の例は、スコープ変数にバインドされるリンク選択コントロール、ページを送信するためのボタン、スコープ変数の値を表示する計算結果フィールドを示します。

<xp:table>
	<xp:tr>
		<xp:td>Link Select</xp:td>
		<xp:td>
			<xe:djextLinkSelect id="djextLinkSelect1"
				value="#{sessionScope.djextLinkSelect1}">
				<xe:this.dataProvider>
					<xe:simpleValuePicker valueListSeparator=","
						valueList="red,blue,green">
					</xe:simpleValuePicker>
				</xe:this.dataProvider>
			</xe:djextLinkSelect>
		</xp:td>
	</xp:tr>
	<xp:tr>
		<xp:td></xp:td>
		<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:tr>
	<xp:tr>
		<xp:td>Value</xp:td>
		<xp:td>
			<xp:text escape="true" id="computedField1"
				value="#{sessionScope.djextLinkSelect1}">
			</xp:text>
		</xp:td>
	</xp:tr>
</xp:table>