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]
});