ExtJs2.0におけるExt.form.Radioの横配置レイアウト

ExtJs2.0 はラジオ ボタン グループをサポートしていないようなので、同じ名前の 2 つのラジオ ボタンを使用してラジオ ボタン グループを実装しています

var radio1 = new Ext.form.Radio({boxLabel:'男性',name:'性別',id:'はい',inputValue:'0',width : 150 , 身長 : 20});

var radio2 = new Ext.form.Radio({boxLabel:'女性',name: 』 sex' ,id:'no',inputValue:'1', width : 150,height : 20});

//性別設定 FieldSet

var fieldSet = new Ext.form.FieldSet({

toHeight : tru​​e

、

,,,, yle: 'padding: 5px 5px 0',

: レイアウト: y'column'

、

アイテム: [{

columnwidth: .5、

アイテム: radio1 // radio1 は単独の items に単独で記述する必要があります。そうでない場合、ページに表示される効果は、2 つのラジオ ボタン ボックスの円が前面に表示され、2 つのラジオ ボタン オプションの説明が背面に表示されます。 、

アイテム: radio2 }]});

var fp = new Ext.FormPanel({

id : 'sex_mode',

labelWidth: 110,

waitMsg: aubmitting、待ってください... 'autoheight：tru​​e

、

レイアウト：column'、

レイアウト：winkey=

new

Ext .Window({ id: "sex_win"

, title: '[性別]メンテナンス'

,

autoHeight :

本当

, // 320, width : 400, closeAction :

'hide', closeable:

fal se,

iconCls : ' 追加', モーダル:

tru​​e

,

ボタン: [{ ) テキスト:

'送信' ボタン'

、ハンドラー: 関数

() {

ue(); セックス!='' && セックス != 未定義

&& セックス != null ){ .form.submit({ waitタイトル:「[性別]変更」 msg: 「データを送信しています。しばらくお待ちください...」 、プロンプトメッセージ,action.result.msg);

関数

(フォーム、アクション) { 「プロンプトメッセージ、

」更新されました性別が間違っています!」);

else

{

Hs.util.Msg('プロンプトメッセージ','性別を選択してください);

アイテム: [fp] });

以上がExtJs2.0におけるExt.form.Radioの横配置レイアウトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。