Extjs4单选按钮

今天抽了点空,将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 });

 

posted @ 2013-04-23 21:16  全力以赴001  阅读(489)  评论(0)  编辑  收藏  举报