【JQGRID DOCUMENTATION】.学习笔记.3.Pager
处理大量数据时,一次只想显示一小部分。这时就需要Navigation Bar。目前Pager不能用于TreeGrid。
定义
定义高度grid,pager是grid的一部分,宽度等于gird的宽度。
如果你想自定义pager,你可以使用自定义,并且不在pager选项中设置。
默认显示为这样。可以有两种方法变更设这
- 如果想全局改变,可以这样做
2. 如果只在特定的grid中改变
一般情况下,pager显示在grid的下面。pager的复制品也能显示在grid的上方。
通常,我们将pager创建在三个方位,左中右。当你尝试pager的替换附加信息,pager会自动适应大小。如果计划替换大量的元素,需要设置grid的宽度。
默认地,paging元素放在pager的中间。记录信息在pager的右边。可以使用pagerpos和recordpos改变他们的位置。
目前,代表pager button的icon,是硬编码的,这样可以使用jQuery UI主题icons。
属性:
| Property | Type | Description | Default | Can be changed? |
| lastpage | integer | 只读属性。代表从请求返回的总页数 | 0 | No |
| pager | mixed | 定义我们要用来导航记录的pager bar。Navigation layer可以被放置在任何地方,由html决定。 | empty string.当前只能有一个pagebar | No |
| pagerpos | string | 指明pager在grid中的位置。默认地,一个pager被创建后,它被分割为三部分。一部分是pager,一部分是navigator buttons,一部分是record信息 | center | No |
| pgbuttons | boolean | 指明pager可用时,是否显示pager buttons。 | true | No |
| pginput | boolean | 指明如果有用户可以改变请求页数的input box | true | No |
| pgtext | string | 显示当前页面状态的信息。第一个值时当前被加载的页面。第二个选项是总页数 | See lang file | Yes |
| reccount | integer | 只读属性。指定grid中精确的行数。例如,定义rowNum参数为15,从服务器返回records参数为20。这时records参数为20,reccount参数为15,grid显示15条记录 | 0 | No |
| recordpos | string | 指明recordin信息在pager上的位置,可以是left,center,right | right | No |
| records | integer | 只读属性。指明grid中从请求返回的记录数 | none | No |
| recordtext | string | pager上显示的表现信息。这个选项只有在viewrecord选项设为true时可用。只有总记录数大于0时,文本才显示。为了显示或隐藏一些信息,{0}请求记录开始的位置。{1}结束位置。{2}返回记录的总条数 | see lang file | Yes |
| rowList | array[] | 在pager中用一个数组构建一个select box,它可以用来改变一页显示的行数。在执行期间改变这个值,这个参数会替代rowNum参数传递给Url。如果元素为空,不会显示在pager上。经典地,可以设为[10,20,30]。如果rowNum参数=30,那么select box中被选择的值时30 | empty array[] | No |
| rowNum | integer | 设置在grid中显示多少记录。这个参数会传递给url,服务器用来生成数据 | 20 | Yes |
| viewrecords | boolean | 定义是否在pager bar中显示查询的总条数 | false | No |
所有属性都能在jqGrid对象创建后被修改,但是需要重载grid。通过触发器reloadGrid可以做到。
Pager相关的事件只有一个
| Event | Parameters | Description |
| onPaging | pgButton | 当点击page button后,在获取数据内容前触发。当用户在input box中输入一个页数并按回车,也会触发。当select box中选中的数字变了,也会触发。这个事件我们只传递一个参数pgButton,它可以是按钮点击的frist,last,prev,next。 |
【JQGRID DOCUMENTATION】.学习笔记.3.Pager的更多相关文章
- SQLite学习笔记(九)&&pager模块
概述 通过上一篇文章的分析,我们知道了pager模块在整个sqlite中所处的位置.它是sqlite的核心模块,充当了多种重要角色.作为一个事务管理器,它通过并发控制和故障恢复实现事务的ACID特性, ...
- jQgrid学习笔记
jQgrid学习笔记
- python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容
python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖 ...
- Ionic2学习笔记(1):新建一个页面
作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html 新建一个页面: 借上一篇中的HelloWorl ...
- 转:openwrt中luci学习笔记
原文地址:openwrt中luci学习笔记 最近在学习OpenWrt,需要在OpenWrt的WEB界面增加内容,本文将讲述修改OpenWrt的过程和其中遇到的问题. 一.WEB界面开发 ...
- python学习笔记整理——字典
python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...
- NuGet学习笔记(转)
NuGet学习笔记(1)——初识NuGet及快速安装使用 http://kb.cnblogs.com/page/143190/ 1. NuGet是什么? NuGet is a Visual Studi ...
- Maven学习笔记-03-Eclipse下maven项目在Tomcat7和Jetty6中部署调试
现在最新的Eclipse Luna Release 已经内置了Maven插件,这让我们的工作简洁了不少,只要把项目直接导入就可以,不用考虑插件什么的问题,但是导入之后的项目既可以部署在Tomcat也可 ...
- phalcon(费尔康)框架学习笔记
phalcon(费尔康)框架学习笔记 http://www.qixing318.com/article/phalcon-framework-to-study-notes.html 目录结构 pha ...
随机推荐
- 30天,App创业从0到1【7.12西安站】
活动概况 时间:2015年07月12日13:30-16:30 地点:汇天使咖啡(高新路36号智空间二楼) 主办:APICloud.UPYUN.万紫网络 网址:www.apicloud.com 费用:免 ...
- 串口通信类,WPF
参考之前的资料,写了一个自己常用的串口类, 字符串发送类型用了两种方式,char[] 和byte[] : 数据接收也是采用两种 char[] 和byte[] 两种. 类代码贴出来: public cl ...
- Vue.2.0.5-列表渲染
v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染. v-for 指令需要以item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名. ...
- JavaScript解决命名冲突的一种方法
过程化编码 过程化编码, 表现为 定义若干函数,然后调用定义函数, 随着页面交互逻辑变化, 从简单到复杂, 定义的所有函数.和变量 都挂在 window对象上, window对象 编程者子自定义变量名 ...
- 面向对象编程思想(OOP)
本文我将从面向对象编程思想是如何解决软件开发中各种疑难问题的角度,来讲述我们面向对象编程思想的理解,梳理面向对象四大基本特性.七大设计原则和23种设计模式之间的关系. 软件开发中疑难问题: 软件复杂庞 ...
- ipmi使用
1.安装ipmitool Linux: yum -y install OpenIPMI-tools 备注:Linux机器也可以安装ipmi yum -y install OpenIPMI OpenI ...
- Jquery判断离开页面时,通过Ajax更新数据(兼容IE,Chrome,FF浏览器)
现在很多项目都有客户离开网页时,处理一些业务的需求.所以焦点就聚集在了如何获取页面离开事件. 以下是本人在一个项目中需要记录页面浏览时长的处理办法,测试兼容IE,Chrome,FF浏览器 代码如下: ...
- websotrm注册码
webStorm : UserName:William ===== LICENSE BEGIN ===== 45550-12042010 00001SzFN0n1bPII7FnAxnt0DDOPJA ...
- Java基础(39):数据的四舍五入、去整、产生随机数---Math类的应用
使用 Math 类操作数据 Math 类位于 java.lang 包中,包含用于执行基本数学运算的方法, Math 类的所有方法都是静态方法,所以使用该类中的方法时,可以直接使用类名.方法名,如: M ...
- CSS_03_04_CSS伪元素选择器
第01步:编写css代码:wei.css @charset "utf-8"; /* 伪元素选择器 :状态 效果顺序:L V H A */ a:link.lin_01{/*超链接,未 ...