jqGrid数据列表和表单的列隐藏/显示的小技巧

最近刚刚使用jqGrid很多地方不是很熟,很多东西在网上查不到,我就用自己笨笨的方法了,有什么地方做得不对的,可以在评论里提出你的意见哟~~

一、数据列隐藏
实现目标:在数据列表中不显示该列,但是在自带的编辑按钮打开时有该字段。

方法一:简单粗暴在colModel里设置 width:’none’ 。

网上搜到 hidedlg 设置为true的方法并不管用,不知道是不是版本的支持问题,我用的版本是v5.0.2。

使用方法一时,我有一个字段内容是带有很有html标签的,本应该在富文本编辑器编辑的内容,虽然设置了width:’none’ ,列是不显示了,但是整行的高度就被撑大了,设置高度不起作用。

方法二:在colModel里设置hidden:true

这样一来,在数据列表和表单中都不会显示该字段。但是用浏览器开发工具查看你就会发现在表单形成时,实际上这个字段是拼有的,只是加了style=”display:none”给隐藏了。我们只要在表单显示前处理一下即可。
例如 我把content列设置了列隐藏

{name:'CONTENT',index:'CONTENT',editable : true,edittype:"textarea",hidden:true}

在表单中让其显示

beforeShowForm: function(e) {
    $("#tr_CONTENT").show();
}

你可能感兴趣的:(js)