EXTJS 4.2 资料 控件之checkboxgroup的用法

代码判断

{
                    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(); //重新调整版面布局  
        }
    });
}

  

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。