码迷,mamicode.com
首页 > 其他好文 > 详细

从jqGrid中searchGrid引发的深思

时间:2019-07-31 23:34:35      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:str   class   图片   com   代码   有一个   没有   需求   修改   

项目中jqGrid因为需求列需要动态隐藏或者显示多次,这就给添加或者查询数据造成了一些不便,初步设想表单提交和搜索框根据列的显示动态改变。

后来找了一下jqGrid的api发现有一个searchGrid的方法,可以搜索非隐藏列的数据。乍一看视乎挺符合需求,也可以减少很多代码量。

jQuery("#search").jqGrid(‘searchGrid‘, {
      sopt : [ ‘cn‘, ‘bw‘, ‘eq‘, ‘ne‘, ‘lt‘, ‘gt‘, ‘ew‘ ]
    });

第一步,不管其他官网代码先一顿CV。点开一看效果不错。

技术图片

字段可以选择,可以选择比较的类型,字段和值会通过searchField和searchString传入后端,然后在mybatis中加上

<if test="searchField !=null and searchField !=‘‘ and searchString != ‘‘ and searchString !=null ">
	and ${searchField} like ‘%${searchString}%‘
</if>

 大功告成。

但是问题来了每次表格列改变reload后表格字段不是改变,于是继续百度searchGrid 重置。好的没结果出来,一下子懵逼了。

一下子慌了神,没得借鉴了和CV了。

这下只能看源码了,点开一看

技术图片

熟悉的感觉,根本就是天书。

硬着头皮看了看,发现其实没有想象中那么难。静下心来一下子就发现解决问题的代码了,同时发现查询也只需要like于是修改了一下js

	$("#grid").jqGrid(‘searchGrid‘, {
		recreateFilter:true,
		sopt : [ ‘cn‘]
	  });  

一下就解决问题了,每次关闭searchGrid后他就会重置。

api中还有很多东西搜索后关闭啊,关闭后重置啊,我们都可以根据需求自己去添加。

 


 

从jqGrid中searchGrid引发的深思

标签:str   class   图片   com   代码   有一个   没有   需求   修改   

原文地址:https://www.cnblogs.com/guofx/p/11277289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!