jqgrid动态添加rowlist

最新推荐文章于 2018-08-01 12:00:58 发布

tim-c

最新推荐文章于 2018-08-01 12:00:58 发布

阅读量6k

点赞数 1

分类专栏：人机交互界面（前端）文章标签： jqgrid pager

本文链接：https://blog.csdn.net/mindfeel/article/details/40373841

版权

公司基于jqgrid封装了一个标签，最近客户有了一个新的需求，那就是可以动态添加分页里面每页条数的选项，我查了又再查jqgrid的API，发现jqgrid没有获取pager对象的方法，jqgrid把pager当做是grid的一部分了，同时密封起来，这个跟easyui可以通过getPager方法可以获取pager对象不一样，然后通过pager.pagination进行刷新分页。虽然说jqgrid没有开放相关的接口，但是问题还是要解决，于是我转换一种思路，那就是直接操作html元素，要知道现在大多数基于javascript语言开发的富客户端框架的组件基本单元都是html元素，无论是extjs、还是基于jQuery javascript库的各种ui了。

第一步我使用浏览器chrome提供的调试插件找到分页页数选项其实是一个select元素，那么我要添加页数选项就仅仅是往里面添加一个option元素而已，于是我的问题变成了如何找到这个select元素，在调试插件看到这个select元素没有id，也没有name属性，html dom定义的document就只有getElementsByTagName()了，其实是用原生的html dom也是可以实现的，不过是自己稍微多做一些判断，例如这里select有什么特殊的属性等等，再话唠一下就是，功能强大的jQuery库html dom操作都是基于上面做封装的。我选择jQuery，不过我没有jQuery的标签选择器，因为我发现这个select