Maison  >  Article  >  Java  >  Disposition de la disposition horizontale Ext.form.Radio dans ExtJs2.0

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

巴扎黑
巴扎黑original
2017-06-26 10:37:381549parcourir
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn