养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jqgrid如何动态设置列的显示和隐藏

时间:2024-10-26 04:25:12

在日常生活中很多朋友不知道jqgrid如何动态设置列的显示和隐藏那么小编今天就在这里给大家分享一点我的小经验,希望可以给你们带来帮助

方法/步骤

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

jqgrid如何动态设置列的显示和隐藏

2、方法一:简单粗暴在colModel里设置width:’none’。网上搜到hidedlg设置为true的方法并不管用,不知道是不是版本的支持问题,我用的版本是v5.0.2。

jqgrid如何动态设置列的显示和隐藏

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

jqgrid如何动态设置列的显示和隐藏

4、方法二:在colModel里设置hidden:true这样一来,在数据列表和表单中都不会显示该字段。

jqgrid如何动态设置列的显示和隐藏

5、但是用浏览器开发工具查看你就会发现在表单形成时,实际上这个字段是拼有的,只是加了style=”display:none”给隐藏了。我们只要在表单显示前处理一下即可。

jqgrid如何动态设置列的显示和隐藏

6、例如我把content谱驸扌溺列设置了列隐藏{name:'CONTENT',index:'CONTENT',editable:true,editt烤恤鹇灭ype:"textarea",hidden:true}1

jqgrid如何动态设置列的显示和隐藏

7、在表单中让其显示beforeShowForm:function(e){$(争犸禀淫"#tr_CONTENT").show();}---------------------

jqgrid如何动态设置列的显示和隐藏

8、以上就是小编带给大家的jqgrid如何动态设置列的显示和隐藏的关键所在,希望大家可以喜欢,如果喜欢的话可以点赞哦,也可以发表自己的看法

© 一点知识