关闭

easyui datagrid checkbox单选时表头的checkbox不起作用,将其隐藏

2988人阅读 评论(1) 收藏 举报

在easyui datagrid开发的过程中,某列是checkbox的,但是当单选时这个表头的框不起作用,将其隐藏。在网上找到的方法。

 function InitGrid() {
        $('#tg').treegrid({
            idField: 'id',
            treeField: 'descript',
            pagination: false,
            singleSelect: true,
            height: 360,
            title: "我的列表",
            columns: [[
            { field: 'ck', width: 50, checkbox: true },
   { field: 'id', title: '编号', width: 50, align: 'center' },
            { field: 'descript', title: '名称', width: 120 }
    ]],
            onLoadSuccess: function () {
                $("#tg").parent().find("div .datagrid-header-check").children("input[type=\"checkbox\"]").eq(0).attr("style", "display:none;");
            }
        });
    }

关键是在初始化时加上

onLoadSuccess: function () {
                $("#tg").parent().find("div .datagrid-header-check").children("input[type=\"checkbox\"]").eq(0).attr("style", "display:none;");
            }
这样就可以把表头的checkbox隐藏了。

2
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14854次
    • 积分:237
    • 等级:
    • 排名:千里之外
    • 原创:5篇
    • 转载:7篇
    • 译文:3篇
    • 评论:1条