Extjs4单选按钮

最新推荐文章于 2021-03-20 11:42:10 发布

a304096740

最新推荐文章于 2021-03-20 11:42:10 发布

阅读量723

点赞数

原文链接：http://www.cnblogs.com/huzi007/archive/2013/04/23/3038854.html

版权

今天抽了点空,将extjs中的单选按钮看了一下:

 1     //单选按钮的使用
 2     Ext.onReady(function(){
 3         Ext.create('Ext.form.Panel', {
 4     title: '单选按钮组',
 5     width: 300,
 6     height: 125,
 7     bodyPadding: 10,
 8     renderTo: Ext.getBody(),
 9     items:[{
10         xtype: 'radiogroup',
11         fieldLabel: 'Three Columns',
12         // columns就是将按钮每行显示几个
13         columns: 3,
14         vertical: true,
15         items: [
16             { boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
17             { boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
18             { boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
19             { boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
20             { boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
21             { boxLabel: 'Item 6', name: 'rb', inputValue: '6' }
22         ]
23     }]
24 });