djRadioButton - Dojo ラジオボタン

選択されたラジオボタンの値を受け入れます。

カテゴリ

Dojo フォーム

構文

<xe:djRadioButton attributes>content</xe:djRadioButton>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `djRadioButton1`、`djRadioButton2` などです。
value	コントロールをデータ要素にバインドします。
label	ラジオボタンとともに表示されるテキストを指定します。
selectedValue	ボタンが選択されたときの値を指定します。
groupName	ラジオボタンをグループと関連付け、一度にグループ内の 1 つのボタンしか選択できないようにします。
defaultValue	最初に、selectedValue がこの値と一致しているラジオボタンを選択します。グループ内で複数のデフォルト値を指定しないでください。

表 2. すべてのプロパティ
カテゴリ	プロパティ
アクセシビリティ	alt、tabIndex、title、waiRole、waiState
basics	binding、dir、disabled、id、immediate、label、lang、loaded、multipleSeparator、multipleTrim、readOnly、rendered、rendererType、required、showLabel、type
data	converter、defaultValue、disableClientSideValidation、disableModifiedFlag、disableValidators、groupName、showReadOnlyAsDisabled、skipContainers、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、iconClass、style、styleClass、themeId

使用法

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

実行時に、ラジオボタンがページに表示されます。ユーザーがこのボタンを選択した場合は、その選択値がボタンの値になります。ラジオボタンは同じグループに属し、一度に選択できるボタンはグループ内で 1 つのみです。

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

例

以下の例は、同じスコープ変数にバインドされる 3 つのラジオボタン、ページを送信するためのボタン、スコープ変数の値を使用する計算結果フィールドを示します。これらのボタンは 1 つのグループに属しています。

<xp:table>
	<xp:tr>
		<xp:td>Radio button</xp:td>
		<xp:td>
			<xe:djRadioButton id="djRadioButton1"
				value="#{sessionScope.djRadioButton1}" label="blue"
				defaultValue="blue" selectedValue="blue" groupName="color">
			</xe:djRadioButton>
			<xe:djRadioButton id="djRadioButton2"
				value="#{sessionScope.djRadioButton1}" label="red"
				selectedValue="red" groupName="color">
			</xe:djRadioButton>
			<xe:djRadioButton id="djRadioButton3"
				value="#{sessionScope.djRadioButton1}" label="green"
				selectedValue="green" groupName="color">
			</xe:djRadioButton></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"><xp:this.value><![CDATA[#
{javascript://return "The box is " + (sessionScope.djRadioButton1 ? "" : "not ") + "checked."
return sessionScope.djRadioButton1}]]&gt;</xp:this.value></xp:text></xp:td>
	</xp:tr>
</xp:table>