Ext checkbox 获取boxLabel 的值

最新推荐文章于 2021-06-21 07:52:49 发布

iteye_3352

最新推荐文章于 2021-06-21 07:52:49 发布

阅读量551

点赞数

分类专栏： ext 文章标签： Ext checkbox boxLabel值获取

本文链接：https://blog.csdn.net/iteye_3352/article/details/82538093

版权

ext 专栏收录该内容

23 篇文章 1 订阅

订阅专栏

[b][color=blue]1.fieldset(checkbox) 获取值[/color][/b]

复选框组件定义如下：

{
                xtype: 'fieldset',
                title: '兴趣',
                autoHeight: true,
                defaultType: 'checkbox',
                hideLabels: true,
                id: 'xq',
                layout: 'hbox',
                defaults: {
                    flex: 1
                },
                //vertical: false,
                items: [
                    { boxLabel: '游泳', name: 'xqn', inputValue: '4', checked: true },
                    { boxLabel: '玩儿', name: 'xqn', inputValue: '5' },
                    { boxLabel: '游戏', name: 'xqn', inputValue: '6' }
                ]
}

页面效果：
[img]http://dl2.iteye.com/upload/attachment/0088/9167/de55b39c-ae75-3ffa-8a49-dad8ddc2dc56.jpg[/img]

获取值代码：

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

 //另一种写法：
                    var xqCheck = Ext.getCmp('xq').items.items;
                    var xq = '';
                    for (var index in xqCheck){
                        if(xqCheck[index].checked){
                           xq += '+' + xqCheck.get(i).boxLabel;
                        }
                    }
                    Ext.MessageBox.alert('提示', '您的兴趣是' + xq);

[color=blue][b]2.checkboxgroup 获取值[/b][/color]

定义：

{
                xtype: 'checkboxgroup',
                fieldLabel: 'Hobby',
                id: 'hobby',
                columns: 2,
                vertical: true,
                items: [
                    { boxLabel: 'music', name: 'rb', inputValue: '1', checked: true },
                    { boxLabel: 'sport', name: 'rb', inputValue: '2' },
                    { boxLabel: 'draw', name: 'rb', inputValue: '3' }
                ]
}

页面效果：
[img]http://dl2.iteye.com/upload/attachment/0088/9169/dd6a2554-934c-3273-8bfb-c8890958d230.jpg[/img]

获取值：

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

-引自：[url]http://www.cnblogs.com/lihuiyy/archive/2012/08/20/2647144.html[/url]

-