文档章节

jgGrid分页和导航

 金于虎
发布于 2017/02/13 09:14
字数 390
阅读 4
收藏 0

##1.分页和导航条界面 输入图片说明

默认情况下,Pager Bar分为3个部分:

  1. 页码栏区域(Pager)
  2. 导航按钮区域(Navigator Buttons)
  3. 记录信息区域(Record Information)

##2.Page的属性 在jqGrid的options选项中,有许多是专门针对Pager的 主要的属性有:

###1.pager : (必填)

必须是一个有效的html元素。这个元素可以根据页面的需要,被放置于页面的任何位置。在指定pager选项的值的时候,可以使用三种形式:'pager'、'#pager'、$('#pager')。但推荐使用第二种,即'#pager'。

###2.pgbuttons : (使用默认)

决定在Pager Bar里是否显示用于翻页的按键,默认为true。

###3.pginput : (使用默认)

决定在Pager Bar里是否显示用于输入目标页码的输入框,默认为true。

###4. pgtext :

显示当前页码状态的字符串,这个与所选用的language文件有关,具体的文本格式定义在里面。例如默认的英文格式就是“Page {0} of {1}”,其中{0}代表当前载入的页码;{1}代表页码的总数。

###5.pagerpos :(使用默认)

用于定义页码栏在Pager Bar中的位置,默认情况下为center,还可以是left或right。

###6. rowNum :

定义一次性显示多少条记录,默认值为20;这个选项在第一篇文章中已经介绍过了。

###7. rowList :

定义rowNum可供选择的值的数组,默认值为空数组;这个选项在第一篇文章中也已经介绍过了。

© 著作权归作者所有

共有 人打赏支持
粉丝 1
博文 105
码字总数 42695
作品 0
曲靖
jqgrid静态数据获取及显示

引入必要文件 在页面中引入jquery.jqGrid.min.js,jquery.js及相关的样式文件 在页面里面定义 用于展示数据的表格区,同时加上一个做为分页拦 如: 在js脚本文件中,定义本地数据源 在jquer...

青竹风
2016/09/05
61
1
收集自网络的wordpress 分页导航的代码教程(全网最全版)

wordpress 分页导航是用来切换文章的一个功能,添加了 wordpress 分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的...

Rhymo-Wu
06/20
0
0
jqGrid的编辑

colNames:['参数编码','参数名称', '参数值'],colModel:[{name:'code',index:'code', width:60,editable:true,search:true,editoptions:{size:25}},{name:'paramname',index:'paramname', wi......

love
2009/12/23
2.3K
3
jQuery 分页导航插件--Pagination2

Pagination 目前是基于 jQuery 的一个功能完善,简单易用 JavaScript 分页控件。它的目标单纯,给它配置一个totalPage 参数,它就给你生成一个简洁的分页导航。Pagination不会和关联的数据直...

前端巨浪
2016/12/29
410
0
Struts分页的一个实现

在Web应用程序里,分页总让我们开发人员感到很头疼,倒不是因为技术上有多么困难,只是本来和业务没有太多关系的这么一个问题,你却得花不少功夫来处理。要是稍不留神,时不时出点问题就更郁...

青夜之衫
2017/12/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

MySQL 8 在 Windows 下安装及使用

MySQL 8 带来了全新的体验,比如支持 NoSQL、JSON 等,拥有比 MySQL 5.7 两倍以上的性能提升。本文讲解如何在 Windows 下安装 MySQL 8,以及基本的 MySQL 用法。 下载 下载地址 https://dev....

waylau
34分钟前
0
0
微信第三方平台 access_token is invalid or not latest

微信第三方开发平台code换session_key说的特别容易,但是我一使用就带来无穷无尽的烦恼,搞了一整天也无济于事. 现在记录一下解决问题的过程,方便后来人参考. 我遇到的这个问题搜索了整个网络也...

自由的开源
今天
0
0
openJDK之sun.misc.Unsafe类CAS底层实现

注:这篇文章参考了https://www.cnblogs.com/snowater/p/8303698.html 1.sun.misc.Unsafe中CAS方法 在sun.misc.Unsafe中CAS方法如下: compareAndSwapObject(java.lang.Object arg0, long a......

汉斯-冯-拉特
今天
1
0
设计模式之五 责任链模式(Chain of Responsibility)

一. 场景 相信我们都有过这样的经历; 我们去职能部门办理一个事情,先去了A部门,到了地方被告知这件事情由B部门处理; 当我们到了B部门的时候,又被告知这件事情已经移交给了C部门处理; ...

JackieRiver
今天
1
0
Android中的设计模式之命令模式

参考 《设计模式:可复用面向对象软件的基础 》5.2 Command 命令 对象行为型模式 《Android源码设计模式解析与实战》第11章 让程序畅通执行--命令模式 意图 将一个请求封装为一个对象,从而使...

newtrek
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部