CheckGroupBox的取值和赋值问题

最新推荐文章于 2024-07-07 11:08:48 发布

程序媛小李

最新推荐文章于 2024-07-07 11:08:48 发布

阅读量4.7k

点赞数 1

分类专栏： extjs 文章标签： extjs 服务器文档

本文链接：https://blog.csdn.net/aaoxue/article/details/8073773

版权

extjs 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

关于CheckGroup赋值和取值问题结合帮助文档的个人见解，欢迎批评指正（基于Extjs4.0.7）

1、构建checkGroup

Ext.create('Ext.form.Panel', {
    title: 'Checkbox Group',
    width: 300,
    height: 125,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items:[{
        xtype: 'checkboxgroup',
        fieldLabel: 'Two Columns',

id:'CheckBoxGroup',

columns: 2,//确定将group中的checkbox分为几列

       items: [
                                { boxLabel: '星期一', name: 'rbWeekUpdate', inputValue: '2'},
                                { boxLabel: '星期二', name: 'rbWeekUpdate', inputValue: '3'},
                                { boxLabel: '星期三', name: 'rbWeekUpdate', inputValue: '4' },
                                { boxLabel: '星期四', name: 'rbWeekUpdate', inputValue: '5' },
                                { boxLabel: '星期五', name: 'rbWeekUpdate', inputValue: '6' },
                                { boxLabel: '星期六', name: 'rbWeekUpdate', inputValue: '7' },
                                { boxLabel: '星期日', name: 'rbWeekUpdate', inputValue: '1' }
                            ]

});

2、取值

根据id获取组件

var checkedCmp= Ext.getCmp('CheckBoxGroup').getChecked();//获取选中的组件

    var timePeriodDay="";
    for(var i=0;i<checkedCmp.length;i++){//从获取选中组件中获取inputValue。
     var check = checkedCmp[i];
     timePeriodDay+=check.inputValue;

     }//即可以获取checkboxgroup的选中值，可以根据需求进行组合

对比inputValue值

3、赋值

checkboxGroup赋值，可以将获取的checkBoxGroup的inputValue值组成一个字符串类型的数组。然后通过checkboxGroup中的name属性赋值。

注：其中的timePeriodDay为服务器传出的inputValueValue值字符串。在此为"234"即选中星期一，星期二，星期三

var checkedDay = new Array();//js中创建数组
               for(var i=0;i<timePeriodDay.length;i++){
             checkedDay[i] = timePeriodDay.charAt(i)+"";//将服务器传入的值放到数组中
              }
             Ext.getCmp('timePeriodDayWeekUpdate').setValue(
                 {rbWeekUpdate:checkedDay}//通过数组及name赋值其中rbWeekUpdate为组内checkbox的name属性值。而checkedDay为含有inputValue的数组。
             );

设置结果：