代码判断
{
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