当前位置:编程学习 > JS >>

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 ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,