EasyUI入門7 datagrid根據列值設定checkbox的繫結狀態
阿新 • • 發佈:2019-02-07
datagrid根據列值(True,False)設定checkbox的繫結狀態
程式碼示例
//彈出角色設定視窗
function AuthoritySetting() {
//繫結新值
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlgAuthoritySetting').dialog('open');
$('#tbxRoleCode').textbox('setValue', row.角色程式碼);
$('#tbxRoleName').textbox('setValue' , row.角色名稱);
$.ajax({
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
url: "../../Controller/Interface/ComAuthority.ashx?Action=BindRole",
type: "get",
data: {
"roleCode": encodeURIComponent($('#tbxRoleCode').textbox('getText' )),
},
dataType: "json",
success: function (data) {
$("#dgrole").datagrid("options").pageNumber = 1;
$("#dgrole").datagrid("loadData", data);
if (data) {
$.each(data.rows, function (index, item) {
if (item.checked == "True") {
$('#dgrole').datagrid('checkRow', index);
}
else {
$('#dgrole').datagrid('uncheckRow', index);
}
});
}
}
});
}
}
核心部分
if (data) {
$.each(data.rows, function (index, item) {
if (item.checked == "True") {
$('#dgrole').datagrid('checkRow', index);
}
else {
$('#dgrole').datagrid('uncheckRow', index);
}
});
}
item.checked中的checked並不是一個系統屬性,是data中的一個叫checked的列,我們在這個列寫true或者false,拋給datagrid顯示成checkbox的勾中或者不勾中效果。