Datagrid让某行复选框置灰不能选

最新推荐文章于 2024-09-13 11:45:14 发布

陈平寨黄山赵子龙

最新推荐文章于 2024-09-13 11:45:14 发布

阅读量3.9k

点赞数 1

分类专栏： EasyUI 文章标签： datagrid

本文链接：https://blog.csdn.net/qq_25615395/article/details/78260760

版权

EasyUI 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

$('#dg').datagrid({
    url: "url",
    method: 'post',
    singleSelect: false,
    collapsible: true,
    autoRowHeight: 35,
    fitColumns: true,
    pagination: true,
    rownumbers: true,
    rowStyler: function (index, row) {
        if (row.isFinanceExamine == 1) {
            return 'background-color:#6293BB;color:#fff;font-weight:bold;';
        }
    },
    onLoadSuccess: function (data) {//加载完毕后获取所有的checkbox遍历
        if (data.rows.length > 0) {
            //循环判断操作为新增的不能选择
            for (var i = 0; i < data.rows.length; i++) {
                //根据isFinanceExamine让某些行不可选
                if (data.rows[i].isFinanceExamine == 1) {
                    $("input[type='checkbox']")[i + 1].disabled = true;
                }
            }
        }
    },
    onClickRow: function (rowIndex, rowData) {
        //加载完毕后获取所有的checkbox遍历
        $("input[type='checkbox']").each(function (index, el) {
            //如果当前的复选框不可选，则不让其选中
            if (el.disabled == true) {
                $('#dg').datagrid('unselectRow', index - 1);
            }
        })
    }
});