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();
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值