码迷,mamicode.com
首页 > Web开发 > 详细

EXTJS 4.2 资料 控件之checkboxgroup的用法

时间:2015-02-06 18:48:04      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:

代码判断

{
                    xtype: ‘panel‘,
                    width: 750,
                    border: false,
                    flex: 1,
                    items: [{
                        xtype: ‘checkboxgroup‘,
                        id: ‘lblOperationBehavior‘,
                        name: ‘lblOperationBehavior‘,
                        itemCls: ‘x-check-group-alt‘,
                        columns: 4,
                        fieldLabel: ‘设定权限‘,
                        labelWidth: 100,
                        width: 750,
                        align: ‘left‘,
                        border: true,
                        anchor: ‘100%‘, flex: 1
                    }]
}

加载数据 

//加载操作全部名称
function LoadingOperationBehavior() {
    //通过extjs的ajax获取用户文章关联的标签数据
    Ext.Ajax.request({
        url: ‘/ProjectWeb/HttpHandlerData/MemberManagement/MemberManagement.ashx?operation=SearchOperationBehavior‘,
        success: function (response) {
            var obj = eval("(" + response.responseText + ")");
            var len = obj.data.length;//obj.data.length; "Table"这里的Table指的是后台返回 类似于data
            if (obj.data == null || len == 0) {
                return;
            }

            var checkboxgroup = Ext.getCmp("lblOperationBehavior");
            for (var i = 0; i < len; i++) {
                var checkbox = new Ext.form.Checkbox(
                  {
                      boxLabel: obj.data[i].OperationName,//obj.Table[i].Title; "Title"指的是返回的名字
                      name: obj.data[i].OperationCode,
                      inputValue: obj.data[i].OpeartionBehaviorId,
                      checked: false
                  });
                checkboxgroup.items.add(checkbox);
            }
            OperationDefineForm.doLayout(); //重新调整版面布局  
        }
    });
}

  

 

EXTJS 4.2 资料 控件之checkboxgroup的用法

标签:

原文地址:http://www.cnblogs.com/foreverfendou/p/4277740.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!