extjs fieldset和radio
Extjs3.3.1一个简单的布局,和样式
最后完成效果:
具体JS代码:
//初始化单选按钮组
var districtTypeRadioGroup=
{xtype: 'fieldset',
height:23,
fieldLabel: '地域统计类型',
width:260,
defaultType: 'radio',
layout:'column',
style:'border:1px gray solid;padding:0px;margin:0px;padding-top:0px;padding-left:15px;',
items:[
{boxLabel: '按村统计',width:80,name: 'areaType', inputValue: 1, checked: true},
{boxLabel: '按乡镇统计',width:80,name: 'areaType', inputValue: 2},
{boxLabel: '按县统计', width:80,name: 'areaType', inputValue: 3}
]};
//初始化单选按钮组
var districtTypeRadioGroup=
{xtype: 'fieldset',
height:23,
fieldLabel: '地域统计类型',
width:260,
defaultType: 'radio',
layout:'column',
style:'border:1px gray solid;padding:0px;margin:0px;padding-top:0px;padding-left:15px;',
items:[
{boxLabel: '按村统计',width:80,name: 'areaType', inputValue: 1, checked: true},
{boxLabel: '按乡镇统计',width:80,name: 'areaType', inputValue: 2},
{boxLabel: '按县统计', width:80,name: 'areaType', inputValue: 3}
]};
将districtTypeRadioGroup放置到FormPanel就可以显示以上效果;
摘自 yhc13429826359的专栏
补充:web前端 , JavaScript ,