easyui分页的使用方法
使用:
$("#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分页的使用方法的更多相关文章
- EasyUI 验证框使用方法
使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例 ...
- Mvc 分页栏扩展方法
using System; using System.Collections.Generic; using System.Reflection; using System.Text; using Sy ...
- MySQL、SQLServer2000(及SQLServer2005)和ORCALE三种数据库实现分页查询的方法
在这里主要讲解一下MySQL.SQLServer2000(及SQLServer2005)和ORCALE三种数据库实现分页查询的方法. 可能会有人说这些网上都有,但我的主要目的是把这些知识通过我实际的应 ...
- 【技巧】EasyUI分页组件pagination显示项控制
我们使用easyui分页时,分页组件显示项有很多,默认如下是这样的: 有时候我们并不想显示这么多控制项,我们可以通过属性来控制:如下来自EasyUI官网: 如下写法,在datagrid中使用,如下控制 ...
- easyUI slider滑块,在加载出来后,easyUI slider滑块禁用方法
easyUI slider滑块禁用 如下图easyUI slider滑块,在加载出来后,需要禁止拉动 easyUI slider滑块禁用方法 //禁用$(s1).slider({ disabled:t ...
- easyui datagrid 清除缓存方法
easyui datagrid 清除缓存方法 今天在项目中做了一个添加合同编号页面,添加合同编号了,在datagrid列表上没有显示刚才添加的那个合同编号. 这个问题在IE上特别明显. 原因是添加编号 ...
- easyui tree扩展tree方法获取目标节点的一级子节点
Easyui tree扩展tree方法获取目标节点的一级子节点 /* 只返回目标节点的第一级子节点,具体的用法和getChildren方法是一样的 */ $.extend($.fn.tree.meth ...
- JDBC使用游标实现分页查询的方法
本文实例讲述了JDBC使用游标实现分页查询的方法.分享给大家供大家参考,具体如下: /** * 一次只从数据库中查询最大maxCount条记录 * @param sql 传入的sql语句 * @par ...
- thinkphp方便分页的page方法
page方法也是模型的连贯操作方法之一,是完全为分页查询而诞生的一个人性化操作方法. 用法 我们在前面已经了解了关于limit方法用于分页查询的情况,而page方法则是更人性化的进行分页查询的方法,例 ...
随机推荐
- dns-prefetch使用整理
网站投放百度.谷歌联盟广告,百度分享.推荐等,由于不同的DNS请求,会增加了网页加载时间,用户等待时间过长会造成跳出率增高,对SEO有一定影响. DNS解析速度是造成页面延迟加载的最大的原因. DNS ...
- ReentrantReadWriteLock简介
对象的方法中一旦加入synchronized修饰,则任何时刻只能有一个线程访问synchronized修饰的方法.假设有个数据对象拥有写方法与读方法,多线程环境中要想保证数据的安全,需对该对象的读写方 ...
- c语言printf实现同一位置打印输出
控制台同一位置打印输出,例如:进度1%->100%在同一位置显示.刚学习c语言的时候一直想做起来,可惜查询好多资料不行.时隔6年多,空闲之余又想起这个问题,便决定一试,虽然c语言已经几乎忘光了, ...
- Nginx 504错误总结
Nginx 504错误(Gateway time-out 网关超时)的含义是所请求的网关没有请求到,简单来说就是没有请求到可以执行的PHP-CGI. 一般看来, 这种情况可能是由于nginx默认的f ...
- oauth2.0授权码模式详解
授权码模式原理 授权码模式(authorization code)是功能最完整.流程最严密的授权模式.它的特点就是通过客户端的后台服务器,与"服务提供商"的认证服务器进行互动. 它 ...
- Spring和Hibernate结合的一个小例子
1.新建一个SpringHibernate的maven项目 2.pom文件的依赖为 <dependency> <groupId>junit</groupId> &l ...
- winform判断chrome是否正在最前端运行
/// <summary> /// 获取系统当前活动窗口 /// </summary> /// <returns></returns> [DllImpo ...
- 移动端 line-height 不垂直居中问题
本文是从简书复制的, markdown语法可能有些出入, 想看"正版"和更多内容请关注 简书: 小贤笔记 一般情况下, 我们把 line-height 的值设置为 height 的 ...
- Junit 单元测试、BeanUtils、Properties类
一. Junit单元测试 1.1. Junit单元测试框架的基本使用 一.搭建环境: 导入junit.jar包(junit4) 二.写测试类: 0,一般一个类对应一个测试类. 1,测试类与被测试类最好 ...
- Android 查看和管理sqlite数据库
在Android中可以使用Eclipse插件DDMS来查看,也可以使用Android工具包中的adb工具来查看.android项目中的sqlite数据库位于/data/data/项目包/databas ...