1. 程式人生 > >EasyUI入門7 datagrid根據列值設定checkbox的繫結狀態

EasyUI入門7 datagrid根據列值設定checkbox的繫結狀態

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的勾中或者不勾中效果。