DevExpress でのラジオボタンの同期（グループ）設定

DevExpress でのラジオボタン（ASPxRadioButton）の同期（グループ）設定のサンプルです。

現状の画面デザインはこのようになっています。
同期設定を行っていないために全項目に対してチェック「ON」出来てしまいます。

＜ラジオボタンの同期（グループ）設定＞

・全「ASPxRadioButton」に対して「GroupName=”GRP”」の設定を行います。

【サンプルプログラム】

<div>
    <dx:ASPxRadioButton ID="ASPxRadioButton1" runat="server" Text="兵庫県" 
        Theme="RedWine" GroupName="GRP">
    </dx:ASPxRadioButton>
    <dx:ASPxRadioButton ID="ASPxRadioButton2" runat="server" Text="京都府" 
        Theme="RedWine" GroupName="GRP">
    </dx:ASPxRadioButton>
    <dx:ASPxRadioButton ID="ASPxRadioButton3" runat="server" Text="大阪府" 
        Theme="RedWine" GroupName="GRP">
    </dx:ASPxRadioButton>
</div>

<div>

<dx:ASPxRadioButton ID="ASPxRadioButton1" runat="server" Text="兵庫県"

Theme="RedWine" GroupName="GRP">

</dx:ASPxRadioButton>

<dx:ASPxRadioButton ID="ASPxRadioButton2" runat="server" Text="京都府"

Theme="RedWine" GroupName="GRP">

</dx:ASPxRadioButton>

<dx:ASPxRadioButton ID="ASPxRadioButton3" runat="server" Text="大阪府"

Theme="RedWine" GroupName="GRP">

</dx:ASPxRadioButton>

</div>

それでは、実行して動作確認を行います。

↓

※選択するごとに前選択は解除

無事にラジオボタンの同期（グループ）設定が出来ました。

関連記事はこちら:

DevExpress の ASPxRadioButton、ASPxRadioButtonList とは「ASPxRadioButton」はラジオボタンで複数の項目から一つ選択が可能です。正直「Microsoft Visual Studio」で提供されているラジオボタンと同じです。作成手順は、下記の流れです。・項目数 ......
DevExpress でのラジオボタンの枠線タイプ設定 DevExpress でのラジオボタン（ASPxRadioButton）の枠線タイプ設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの枠線タイプ設定＞・全「ASPxRadioButto ......
DevExpress でのラジオボタンと名称の隙間設定 DevExpress でのラジオボタン（ASPxRadioButton）と名称の隙間設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンと名称の隙間設定＞・全「ASPxRadioButto ......
DevExpress でのラジオボタンの名称位置設定 DevExpress でのラジオボタン（ASPxRadioButton）の名称位置設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの名称位置設定＞・全「ASPxRadioButton」 ......
DevExpress でのラジオボタンの枠線カスタマイズ設定 DevExpress でのラジオボタン（ASPxRadioButton）の枠線カスタマイズ設定のサンプルです。現状の画面デザインはこのようになっています。それぞれの項目の枠線表示の為に「京都府」の上下線が2重表示のよ ......
DevExpress でのラジオボタンの枠線設定 DevExpress でのラジオボタン（ASPxRadioButton）の枠線設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの枠線設定＞・全「ASPxRadioButton」の「Bo ......
DevExpress でのラジオボタンの文字色設定 DevExpress でのラジオボタン（ASPxRadioButton）の文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンの文字色設定＞・全「ASPxRadioButton」に対 ......
DevExpress でのラジオボタンのフォント設定 DevExpress でのラジオボタン（ASPxRadioButton）のフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタンのフォント設定＞・全「ASPxRadioButton」 ......
DevExpress の ASPxRadioButton でのデザイン（テーマ一覧） DevExpress の ASPxRadioButton でのデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はラジオボタンのテーマ一覧を作成しました。＜デザイ ......
DevExpress でのラジオボタン情報取得（JavaScript） DevExpress でのラジオボタン情報取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜ラジオボタン情報取得（JavaScript）＞・全「ASPxRadioButton ......

投稿タグ: ASPxRadioButton

MENU

最近の投稿

人気記事