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(); //重新调整版面布局 } }); }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。