Disposition de la disposition horizontale Ext.form.Radio dans ExtJs2.0

ExtJs2.0 ne semble pas prendre en charge les groupes de boutons radio, donc deux boîtes de boutons radio portant le même nom sont utilisées pour implémenter le groupe de boutons radio

var radio1 = nouveau Ext.form.Radio({ boxLabel:'mâle',nom:'sexe',id:'oui' ,inputValue:'0',largeur : 150, hauteur : 20});

var radio2 = nouveau Ext.form.Radio({boxLabel:'Femme',nom :'sexe',id :'non',inputValue : '1' , largeur : 150, hauteur : 20});

//Configuration du genre FieldSet

var fieldSet = nouveau Ext.form.FieldSet({

titre : 'Configuration du genre',

autoHeight : true,

width : 350,

labelAlign : 'right' ,

labelwidth : 110,

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

  mise en page :'colonne',

articles : [{

columnWidth : .5,

articles : radio1 //radio1 doit être écrit dans des éléments séparés, sinon l'effet affiché sur la page est que les cercles des deux cases de boutons radio sont devant, et les descriptions des deux les options des boutons radio sont à l'arrière

},

>

éléments : radio2

}]

});

var fp = nouveau Ext.FormPanel({

id : 'sex_mode',

labelWidth : 110,

waitMsg : 'Envoi en cours, veuillez patienter...',

frame : true,

width : 380,

autoHeight : vrai,

mise en page :'colonne',

éléments : [fieldSet]

});

var winKey = nouveau Ext.Window({

id : "sex_win" ,

titre : '[Gender] Maintenance',

autoHeight :vrai,// 320,

largeur : 400,

closeAction : 'masquer',

fermable : false,

iconCls : 'ajouter',

modal : true,

boutons : [{

texte : 'Soumettre',

id : 'bouton' ,

gestionnaire : fonction() {

 var sexe = fp.form.findField("sexe").getGroupValue();

                                 ( sexe != '' && sexe != non défini && sexe != null ) { fp.form.submit({

URL :

'', / /Comment configurer le sexe >

waitMsg : 'Soumission des données, veuillez patienter...',

                                                                                                                           Ext.MessageBox.alert( 'Message rapide', action.result.msg);

Échec: Fonction (formulaire, action) {

Message ' , " Mauvaise mise à jour du genre ! "

);

>

});

}autre{

Hs.util.Msg('Message rapide', 'Veuillez sélectionner le sexe ! ');

                                            > }] ,

articles : [fp]

});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!