ExtJs2.0里Ext.form.Radio水平排列布局
- 巴扎黑原创
- 2017-06-26 10:37:381549浏览
ExtJs2.0好像不支持单选框组，因此用两个name相同单选框来实现单选框组
var radio1 = new Ext.form.Radio({boxLabel:'男',name:'sex',id:'yes',inputValue:'0',width : 150, height : 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({
title : '性别配置',
autoHeight : true,
width : 350,
labelAlign : 'right',
labelwidth : 110,
bodyStyle : 'padding:5px 5px 0',
layout:'column',
items : [{
columnWidth : .5,
items:radio1 //radio1一定要写在单独的items里面，不然在页面显示的效果就是两个单选框的圆圈在前面，两个单选框选项的描述在后面
},
{
columnWidth : .5,
items: radio2
}]
});
var fp = new Ext.FormPanel({
id : 'sex_mode',
labelWidth : 110,
waitMsg : '正在提交，请稍后...',
frame : true,
width : 380,
autoHeight : true,
layout:'column',
items : [fieldSet]
});
var winKey = new Ext.Window({
id : "sex_win",
title : '[性别]维护',
autoHeight :true,// 320,
width : 400,
closeAction : 'hide',
closable:false,
iconCls : 'add',
modal : true,
buttons : [{
text : '提交',
id : 'button',
handler : function() {
var sex = fp.form.findField("sex").getGroupValue();
if(sex != '' && sex != undefined && sex != null){
fp.form.submit({
url : '', //配置性别的方法
waitTitle : "[性别]修改",
waitMsg : '正在提交数据,请稍后... ...',
success : function(form, action) {
Ext.MessageBox.alert('提示信息',action.result.msg);
},
failure : function(form, action) {
Ext.MessageBox.alert('提示信息', "更新性别有误！");
}
});
}else{
Hs.util.Msg('提示信息', '请选择性别！');
}
}
}],
items : [fp]
});
以上是ExtJs2.0里Ext.form.Radio水平排列布局的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn