チェックマークが付いている値とチェックマークが付いていない値を切り替えます。
<xe:djToggleButton attributes>content</xe:djToggleButton>
プロパティ | 説明 |
---|---|
id | デフォルトは djToggleButton1、djToggleButton2 などです。 |
value | コントロールをデータ要素にバインドします。 |
label | ボタン上の表示テキストを指定します。 |
checkedValue | チェックマーク付きの位置に切り替わったときのボタンの値を指定します。 |
uncheckedValue | チェックマークなしの位置に切り替わったときのボタンの値を指定します。 |
実行時に、ボタンがページに 表示されます。 ボタンをクリックすると、チェックマークが付いている値とチェックマークが付いていない値が切り替わります。
このボタンはサーバーへの自動送信を行わず、クライアント上でボタンの値を切り替えます。
このコントロールは、最新のアクセシビリティ標準に対してテストされていません。推奨されるアクセシビリティパスは チェックボックス コントロールです。
<xp:table>
<xp:tr>
<xp:td>Toggle Button</xp:td>
<xp:td>
<xe:djToggleButton id="djToggleButton1"
value="#{sessionScope.djToggleButton1}" checkedValue="blue"
uncheckedValue="red"
label="#{javascript:sessionScope.djToggleButton1}">
</xe:djToggleButton>
</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.djToggleButton1}">
</xp:text>
</xp:td>
</xp:tr>
</xp:table>