使用:

$("#tt").datagrid("getPager").pagination(option);

例子:

$("#tb").datagrid("getPager").pagination({
total: 100,
pageSize: 10,
pageList: [10,20,30],
onSelectPage: function(pageNumber, pageSize) {
console.log(pageNumber,pageSize);
}
});

pagination的属性:

属性名 类型 描述 默认值
total 数字 当分页建立时设置记录的总数量 1
pageSize 数字 每一页显示的数量 10
pageNumber 数字 当分页建立时,显示的页数 1
pageList 数组

用户可以修改每一页的大小,

pageList属性定义了多少种大小可以改变

[10,20,30,50]
loading 布尔 定义数据是否正在加载 false
buttons 数组

定义自定义按钮,每个按钮包含两个属性:

iconCls:显示背景图像的css类;

handler:当一个按钮被点击时的处理函数

 
showPageList 布尔 定义是否显示页面列表 true
showRefresh 布尔 定义是否显示刷新按钮 true
beforePageText 字符串 在输入框组件前显示的标签 Page
afterPageText 字符串 在输入框组件后显示的标签 of {pages}
displayMsg 字符串 显示一个页面的信息

Displaying {from} to {to} of {total} items

pagination的事件:

事件名 参数 描述
onSelectPage pageNumber,pageSize

当用户选择一个新页时触发,回调函数包含两个参数:

pageNumber:新页面的页数;

pageSize新页面的大小

onBeforeRefresh pageNumber,pageSize 刷新按钮被点之前触发,如果返回false则取消刷新操作
onRefresh pageNumber,pageSize 刷新以后触发
onChangePageSize pageSize 当改变页面大小时触发
     

jquery easyui 分页的使用方法:http://www.jquerycn.cn/a_3129

easyui分页的使用方法的更多相关文章

  1. EasyUI 验证框使用方法

    使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例 ...

  2. Mvc 分页栏扩展方法

    using System; using System.Collections.Generic; using System.Reflection; using System.Text; using Sy ...

  3. MySQL、SQLServer2000(及SQLServer2005)和ORCALE三种数据库实现分页查询的方法

    在这里主要讲解一下MySQL.SQLServer2000(及SQLServer2005)和ORCALE三种数据库实现分页查询的方法. 可能会有人说这些网上都有,但我的主要目的是把这些知识通过我实际的应 ...

  4. 【技巧】EasyUI分页组件pagination显示项控制

    我们使用easyui分页时,分页组件显示项有很多,默认如下是这样的: 有时候我们并不想显示这么多控制项,我们可以通过属性来控制:如下来自EasyUI官网: 如下写法,在datagrid中使用,如下控制 ...

  5. easyUI slider滑块,在加载出来后,easyUI slider滑块禁用方法

    easyUI slider滑块禁用 如下图easyUI slider滑块,在加载出来后,需要禁止拉动 easyUI slider滑块禁用方法 //禁用$(s1).slider({ disabled:t ...

  6. easyui datagrid 清除缓存方法

    easyui datagrid 清除缓存方法 今天在项目中做了一个添加合同编号页面,添加合同编号了,在datagrid列表上没有显示刚才添加的那个合同编号. 这个问题在IE上特别明显. 原因是添加编号 ...

  7. easyui tree扩展tree方法获取目标节点的一级子节点

    Easyui tree扩展tree方法获取目标节点的一级子节点 /* 只返回目标节点的第一级子节点,具体的用法和getChildren方法是一样的 */ $.extend($.fn.tree.meth ...

  8. JDBC使用游标实现分页查询的方法

    本文实例讲述了JDBC使用游标实现分页查询的方法.分享给大家供大家参考,具体如下: /** * 一次只从数据库中查询最大maxCount条记录 * @param sql 传入的sql语句 * @par ...

  9. thinkphp方便分页的page方法

    page方法也是模型的连贯操作方法之一,是完全为分页查询而诞生的一个人性化操作方法. 用法 我们在前面已经了解了关于limit方法用于分页查询的情况,而page方法则是更人性化的进行分页查询的方法,例 ...

随机推荐

  1. MDI-设置子窗体只能弹出一个--单例模式

    不足之处,欢迎指正! 什么是MDI..我表示不知道的呢. MDI(Multiple Document Interface)就是所谓的多文档界面,与此对应就有单文档界面 (SDI), 它是微软公司从Wi ...

  2. 解决maven项目中,缺少 maven dependencies

    因为项目需要将普通项目转换为maven项目,在右键 ’项目‘configure 后,添加maven后,发现缺少 maven dependencies,于是从网上找了一些处理措施,大体上是在.class ...

  3. MySql数据快速导入

    使用LOAD DATA INFILE 插入速度可以提升很多 左侧是直接导入100W花费135s ,Dos界面通过Load方式导入450W只用时23s,性能一下子显示出来了.

  4. 介绍一款小众的IDE

    作为前端工程师的你们平时主要使用什么IDE,atom.webstorm.sublime还是vscode? 今天介绍一款比较小众的IDE,Adobe的开源项目Brackets,提供Windows和OS ...

  5. Maven pom.xml 常用打包配置

    <build> <!-- 指定JAVA源文件目录 --> <sourceDirectory>src</sourceDirectory> <!-- ...

  6. easyui grid 里的可编辑text 加清空图标

    $.extend($.fn.datagrid.defaults.editors, { text: { init: function (container, options) { var _opt = ...

  7. hive中的bucket table

    前言 bucket table(桶表)是对数据进行哈希取值,然后放到不同文件中存储 应用场景 当数据量比较大,我们需要更快的完成任务,多个map和reduce进程是唯一的选择.但是如果输入文件是一个的 ...

  8. 【读书笔记】思维导图 Talk Like Ted

  9. 【转】Spark on Yarn遇到的几个问题

    本文转自 http://www.cnblogs.com/Scott007/p/3889959.html 1 概述 Spark的on Yarn模式,其资源分配是交给Yarn的ResourceManage ...

  10. jq重复切换类名

    //重复切换类名"active"$(".probability-rules header").toggleClass("active");