隐藏Easyui Datagrid中的某一列

最新推荐文章于 2023-07-28 15:22:01 发布

原创最新推荐文章于 2023-07-28 15:22:01 发布 · 6.9k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#easyui #datagrid #解决方案

js相关专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在使用EasyUI datagrid组件时遇到的问题及解决方案。原本尝试使用官方推荐的方法来隐藏表格中的某些列，但发现该方法无效。通过团队内部交流找到了新的解决办法，即通过jQuery直接选择要隐藏的单元格并将其隐藏。

一开始给的解决方案如下
$(‘#xx’).datagrid.(‘hideColumn’,’field’)
这也是easyui API中给出的解决方案，但是在这里并不管用，后来向组里的大神请教了以后，又换了另外一种方法
全部代码如下
{ field: ‘ck’, checkbox: true },
{
field: ‘LoginName’, title: ‘登录名’, align: ‘center’, width: 150
},
{
field: ‘UserName’, title: ‘显示名’, align: ‘center’, width: 100
},
{
field: ‘TelPhoneNum’, title: ‘手机号’, align: ‘center’, width: 150
},
{
field: ‘Telephone’, title: ‘办公电话’, align: ‘center’, width: 100
},
{
field: ‘RightOrgName’, title: ‘单位’, align: ‘center’, width: 150
},
{
field: ‘IP’, title: ‘IP地址’, align: ‘center’, width: 150
},
{
field: ‘EmailAddress’, title: ‘电子邮箱’, align: ‘center’, width: 200
},
{
field: ‘Sort’, title: ‘排序’, align: ‘center’, width: 200
}

                    ]],
                    pagination: true,
                    rownumbers: true,
                    singleSelect: true,
                    queryParams: {
                        condition: Condition,
                    },
                    onLoadSuccess: function () {
                        if (getcheckDBS == "1" && oAppId != 9) {
                            $('td[field="Telephone"]').hide();
                            $('td[field="IP"]').hide();
                            $('td[field="EmailAddress"]').hide();
                        }
                        if (getcheckDBS == "1") {
                            $('td[field="Telephone"]').hide();
                            $('td[field="IP"]').hide();
                            $('td[field="EmailAddress"]').hide();
                        }
                    }