ExtJS 获取复选框的值 checkboxgroup 获取值 fieldset(checkbox) 获取值

1.fieldset(checkbox) 获取值

复选框组件定义如下：

 1 {
 2                 xtype: 'fieldset',
 3                 title: '兴趣',
 4                 autoHeight: true,
 5                 defaultType: 'checkbox',
 6                 hideLabels: true,
 7                 id: 'xq',
 8                 layout: 'hbox',
 9                 defaults: {
10                     flex: 1
11                 },
12                 //vertical: false,
13                 items: [
14                     { boxLabel: '游泳', name: 'xqn', inputValue: '4', checked: true },
15                     { boxLabel: '玩儿', name: 'xqn', inputValue: '5' },
16                     { boxLabel: '游戏', name: 'xqn', inputValue: '6' }
17                 ]
18 }

页面效果：

获取值代码：

1                     //获取通过fieldset定义的checkbox值 
2                     var xqCheck = Ext.getCmp('xq').items;
3                     var xq = '';
4                     for(var i = 0; i < xqCheck.length; i++){
5                         if(xqCheck.get(i).checked){
6                             xq += '+' + xqCheck.get(i).boxLabel;
7                         }
8                     }
9                     Ext.MessageBox.alert('提示', '您的兴趣是' + xq);

 

2.checkboxgroup 获取值

定义：

 1 {
 2                 xtype: 'checkboxgroup',
 3                 fieldLabel: 'Hobby',
 4                 id: 'hobby',
 5                 columns: 2,
 6                 vertical: true,
 7                 items: [
 8                     { boxLabel: 'music', name: 'rb', inputValue: '1', checked: true },
 9                     { boxLabel: 'sport', name: 'rb', inputValue: '2' },
10                     { boxLabel: 'draw', name: 'rb', inputValue: '3' }
11                 ]
12 }

页面效果：

获取值：

1                     //获取通过checkboxgroup定义的checkbox值
2                     var hobbyValue = Ext.getCmp('hobby').getChecked();
3                     var hobby;
4                     Ext.Array.each(hobbyValue, function(item){
5                         hobby += '+' + item.boxLabel;
6                     });
7                     Ext.MessageBox.alert('提示', '您的兴趣是' + hobby);

 

posted @ 2012-08-20 10:28  lihui_yy  阅读(20730)  评论(2)  编辑  收藏  举报