Horizontales Anordnungslayout von Ext.form.Radio in ExtJs2.0

ExtJs2.0 scheint keine Radio-Button-Gruppen zu unterstützen, daher werden zwei Radio-Button-Boxen mit demselben Namen verwendet, um die Radio-Button-Gruppe zu implementieren

var radio1 = neu Ext.form.Radio({ boxLabel:'männlich',Name:'Geschlecht',ID:'Ja' ,inputValue:'0',width : 150, height : 20});

var radio2 = new Ext.form.Radio({boxLabel:'Female',name:'sex',id:'no',inputValue: '1' , Breite: 150, Höhe: 20});

//Geschlechtskonfiguration FieldSet

var fieldSet = new Ext.form.FieldSet({

title: 'Geschlechtskonfiguration',

autoHeight: true,

width : 350,

labelAlign : 'right' ,

Etikettenbreite: 110,

bodyStyle: 'padding:5px 5px 0' ,

 Layout:'Spalte',

Elemente: [{

Spaltenbreite: .5,

Elemente:radio1 //radio1 muss in separaten Elementen geschrieben werden, andernfalls wird auf der Seite der Effekt angezeigt, dass die Kreise der beiden Optionsfelder im Vordergrund stehen und die Beschreibungen der beiden Optionsfeldoptionen befinden sich im Hintergrund

},

>

Elemente: radio2

}]

});

var fp = new Ext.FormPanel({

id: 'sex_mode',

labelWidth: 110,

waitMsg: 'Senden, bitte warten...',

Frame: true,

width : 380,

autoHeight : wahr,

Layout:'Spalte',

items: [fieldSet]

});

var winKey = neu Ext.Window({

id: "sex_win" ,

title: '[Gender] Maintenance',

autoHeight :true,// 320,

width : 400,

closeAction: 'verstecken',

schließbar: false,

iconCls : 'add',

modal: true,

Schaltflächen: [{

Text: 'Senden',

ID: 'Schaltfläche' ,

Handler: Funktion() {

 var Geschlecht = fp.form.findField("sex").getGroupValue();

                                 ( Sex != '' && Sex != undefiniert && Sex != null ) { fp.form.submit({

URL:

'', / /So konfigurieren Sie das Geschlecht >

waitMsg: 'Daten werden übermittelt, bitte warten...',

                                                                                                                           Ext.MessageBox.alert( 'Prompt message', action.result.msg);

Fehler: Funktion (Form, Aktion) {

Nachricht ' , " Falsche Geschlechtsaktualisierung! "

);

}

});

}else{

Hs.util.Msg('Prompt message', 'Bitte Geschlecht auswählen ! ');

                                                      > }] ,

Elemente: [fp]

});

Das obige ist der detaillierte Inhalt vonHorizontales Anordnungslayout von Ext.form.Radio in ExtJs2.0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!