jqgrid 自定义搜索的实现 , 后台实现

来源:互联网 发布:windows内核启动过程 编辑:程序博客网 时间:2024/06/06 07:15

好久没写过博客了。新入职公司比较忙,咳咳,其实是比较懒。


最近公司要求做一个后台,于是直接巴拉了bootstrap 的ace折叠菜单改造了下,


由于大部分都是数据交互,  频繁使用了  ace中包含的 jqgrid , 要做后台的朋友可以去搜索一下ace折叠菜单,挺好用的。


jqgrid 的基本构造,翻页什么的虽然我也有做,但是这些东西看看官网的api也就差不多可以了。尾部会附上自己写的代码,供大家参考一下,


其中大部分自己进行了汉化。闲话不多说,进入正题。


由于公司要求做的搜索跟(点击打开链接 官网)上的搜索不同,估计每个公司都会有这样的情况,于是看了下自定义搜索;



好吧,其实这些参数是没有问题的,但是如果只引入了 jqgrid,min 或者用的是最新版本的 jqgrid   你会发现控制台会报错,说是“jQuery(...).filterGrid() is not a function"

于是博主开始在网上划拉,不停翻各个大神的博客,发现大部分都是跟官网的api 方法都一模一样,不知道那些个博主是怎么写对的,一脸懵逼,

总算找到了这么一篇博客(点击打开链接),发现这么一段话:
打开另一个官方文档后,又进入到这个页面(点击打开链接),

发现, .filterGrid()  是老版本的写法,新版本是要这么写的:
jQuery("#mysearch").jqGrid('filterGrid',grid_selector,options)

如图:
于是乎,欣然改成了这个样子。虽然迈向了胜利一小步,但结果还是不对,同样报错jqgrid没这个方法
但在底部发现了这么一段话,



终于一番搜索,在(点击打开链接)这里找到了这个js文件,引入到自己文档里就可以了。

自定义所搜差不多就可以了,博主是这么写的:
 jQuery("#mysearch").jqGrid('filterGrid',grid_selector,{            gridModel : false,            filterModel : [{                label : 'search',                name: 'searchVal',                stype: 'text'            }],            autosearch : true,            url : 'url?自己的固定参数'        }),

over,总算没有白累了一下午,谢谢观看哈。

0 0
原创粉丝点击