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

时间： 2024-11-05 12:24:38

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

后台使用oracle前台使用easyui分页机制

前台easyui 的datagrid中设置分页属性: pagination:true,//显示分页 pagePosition:'bottom',//分页栏位置 both 上下 bottom.top pageList:[12,24,36]//分页数据大小后台java代码中 int page ,int rows写set. get方法. page = Integer.parseInt(request.getParameter("page")); rows = Integer.parseIn

sqlserver2005使用row_number() over分页的实现方法

sqlserver2005使用row_number() over分页的实现方法 sqlserver2005使用row_number() over分页的实现方法,需要的朋友可以参考下. 语法:ROW_NUMBER() OVER(PARTITION BY COLUMN ORDER BY COLUMN) <BR> 例子: select * from ( select *, ROW_NUMBER() OVER(Order by a.CreateTime DESC ) AS RowNumber fro

Mvc 分页栏扩展方法

using System; using System.Collections.Generic; using System.Reflection; using System.Text; using System.Web.Mvc; namespace System.Web.Mvc { #region Mvc 分页栏扩展方法 HtmlPaginationBar /// <summary> /// Mvc 分页栏扩展方法 /// </summary> pu

IE浏览器中，JQuery EasyUI的form('load')方法只能加载一次的问题

项目中的页面用到了EasyUI,表单加载数据时,调用了form('load')方法.用Chrome.Firefox访问均没问题,可是用IE浏览器访问时,数据不论怎么修改,加载的都是第一次的数据.这疑似是一直在加载第一次的缓存.于是查资料发现,原来IE浏览器对Jquery EasyUI的支持不好,缓存了表单第一次加载的数据.以后每次加载时,都会从缓存中调用.于是在ajax方法中加入cache:false,取消缓存便解决了. 1 $.ajax({ 2 cache:false, //取消缓存 3 ur

JS实现移动端下拉刷新更多分页请求功能方法2.0

本次2.0升级版为js实现移动端加载更多下拉刷新更多分页请求功能方法(数据一次请求,前端分页,适用于数据流量较少,数据量压力小的页面)同时新增loading组件,turnToTop组件. 本文原创非转载,如需转载请注明出处:http://www.cnblogs.com/A-QBlog/p/7068959.html 废话不多说,直接上代码: 1 ;(function (w, $) { 2 3 var loadmore = { 4 /*单页加载更多通用方法 5 * 6 * @param callb

EasyUI 验证框使用方法

使用过程中的一积累,备查. EasyUI 验证框使用方法://***************************missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息required="true" 必填项class="easyui-validatebox" 文本验证class="easyui-numberbox" 数字验证******************

织梦(dedecms)后台删除文章后台还有分页显示解决方法

鸡哥今天在给单位改一个织梦网站的时候发现了一个问题,由于本来的程序有7000多篇文章,鸡哥就直接执行了个sql语句给删除了,但是发现删除之后后台文章的分页还在显示着,错误截图给大家看看看到没,经过鸡哥百度搜索发现这其实并不是鸡哥的操作问题,而是这本就是织梦5.7的一个bug,下边就给大家写下修复方法很简单: 先找到你的根目录中/dede/content_list.php这个文件打开找到这段代码,可以直接搜索缓存处理就能找到把红框中的代码修改为: $arr = $dsql->GetOne(&qu

jquery easy-ui 分页插件的运用(给td添加事件,获取汇总内容)

<#include '/admin/express-header.html' > <div class="main" style=" background:#fff; padding: 15px 0px 8px 10px; margin: 0px;"><div class="ex-boxOne"> <label for="start_date">订阅日期:</label&g

解决Easyui Combotree的SetValue方法无效

今天在写代码的时候,遇到个很奇怪的问题: $('#department_parent').combotree('setValue', row.id); AjaxForProvince(); $('#province').combobox('setValue', row.province_id); AjaxForCity(row.province_id); $('#city').combobox('setValue', row.city_id); AjaxForZone(row.city_id);