处理大量数据时,一次只想显示一小部分。这时就需要Navigation Bar。目前Pager不能用于TreeGrid。

定义

});

定义高度grid,pager是grid的一部分,宽度等于gird的宽度。

如果你想自定义pager,你可以使用自定义,并且不在pager选项中设置。

}

默认显示为这样。可以有两种方法变更设这

  1. 如果想全局改变,可以这样做
jQuery.extend(jQuery.jgrid.defaults,{emptyrecords: "Nothing to display",...});

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可以做到。

jQuery("#grid_id").setGridParam({rowNum:10}).trigger("reloadGrid");

Pager相关的事件只有一个

Event Parameters Description
onPaging pgButton 当点击page button后,在获取数据内容前触发。当用户在input box中输入一个页数并按回车,也会触发。当select box中选中的数字变了,也会触发。这个事件我们只传递一个参数pgButton,它可以是按钮点击的frist,last,prev,next。

【JQGRID DOCUMENTATION】.学习笔记.3.Pager的更多相关文章

  1. SQLite学习笔记(九)&&pager模块

    概述 通过上一篇文章的分析,我们知道了pager模块在整个sqlite中所处的位置.它是sqlite的核心模块,充当了多种重要角色.作为一个事务管理器,它通过并发控制和故障恢复实现事务的ACID特性, ...

  2. jQgrid学习笔记

    jQgrid学习笔记

  3. python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容

    python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖 ...

  4. Ionic2学习笔记(1):新建一个页面

    作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html                 新建一个页面: 借上一篇中的HelloWorl ...

  5. 转:openwrt中luci学习笔记

    原文地址:openwrt中luci学习笔记 最近在学习OpenWrt,需要在OpenWrt的WEB界面增加内容,本文将讲述修改OpenWrt的过程和其中遇到的问题. 一.WEB界面开发         ...

  6. python学习笔记整理——字典

    python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...

  7. NuGet学习笔记(转)

    NuGet学习笔记(1)——初识NuGet及快速安装使用 http://kb.cnblogs.com/page/143190/ 1. NuGet是什么? NuGet is a Visual Studi ...

  8. Maven学习笔记-03-Eclipse下maven项目在Tomcat7和Jetty6中部署调试

    现在最新的Eclipse Luna Release 已经内置了Maven插件,这让我们的工作简洁了不少,只要把项目直接导入就可以,不用考虑插件什么的问题,但是导入之后的项目既可以部署在Tomcat也可 ...

  9. phalcon(费尔康)框架学习笔记

    phalcon(费尔康)框架学习笔记 http://www.qixing318.com/article/phalcon-framework-to-study-notes.html 目录结构   pha ...

随机推荐

  1. TFS 2013 配置的时候,提示TF255466错误

    TFS 2010 配置的时候,提示TF255466错误  花舞花落泪 2013-11-08 10:19:37 在验证是否可以安装 SharePoint 时的提示,Error [ System Chec ...

  2. python matplotlib 绘图

    饼图 import matplotlib.pyplot as plt # The slices will be ordered and plotted counter-clockwise. label ...

  3. javascript实例学习之一——联动下拉框

    经常碰到这样的需求,如省市_城市_乡镇下拉框.后一个下拉框的内容会根据前一个的改变而改变,之前的解决方法往往是在前一个改变的时候,向后台发送请求临时获取对应的内容.这样每触发一次就会网络请求一次,这种 ...

  4. html中 让 ul 的多个 li 在一行内显示

    有时候会需要ul的li都在同一行显示,避免li跑到下一行去,今天遇到了这个问题,记录下来,避免忘记~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ...

  5. 通过SSIS监控远程服务器磁盘空间并发送邮件报警!

    由于之前ESB是供应商部署的,且部署在C盘(C盘空间很小,还添加了很多ESB的windows服务日志在C盘,很容易把C盘空间占满,导致ESB服务运行宕机,几乎每隔几周发生一次事故,需要人工干预处理,不 ...

  6. weka数据预处理

    Weka数据预处理(一) 对于数据挖掘而言,我们往往仅关注实质性的挖掘算法,如分类.聚类.关联规则等,而忽视待挖掘数据的质量,但是高质量的数据才能产生高质量的挖掘结果,否则只有"Garbag ...

  7. c#操作Excel时,抛出异常:“未在本地计算机上注册“Microsoft.ACE.OLEDB.12.0”提供程序”

    我们开发环境下,使用excel导入数据到数据库中,编译的软件起初是x86 方式,起初并未发现什么问题,一切很正常: 程序该进的过程: 后来导入文件一次就要读取几百G的数据导入数据库中,使用编译的X86 ...

  8. java io读书笔记(4)字符数据

    Number只是java程序中需要读出和写入的一种数据类型.很多java程序需要处理有一大堆的字符组成的text,因为计算机真正懂得的只有数字,因此,字符按照某种编码规则,和数字对应. 比如:在ASC ...

  9. c语言的基本语法

    1. 二目运算符从右往左 优先级 运算符 名称或含义 使用形式 结合方向 说明 1 [] 数组下标 数组名[常量表达式] 左到右   () 圆括号 (表达式)/函数名(形参表)   . 成员选择(对象 ...

  10. Leetcode: Water and Jug Problem && Summary: GCD求法(辗转相除法 or Euclidean algorithm)

    You are given two jugs with capacities x and y litres. There is an infinite amount of water supply a ...