easyui创建分页

1、创建分页的函数

2、首先判断传过来的数据是否为数组,获得表的详细信息

3、对页面的翻页、页面显示的数据条数进行定义

4、将本地的数据显示到页面当中,定义开始结束的页码。

	// 分页数据的操作
	function pagerFilter(data) {
		if (typeof data.length == 'number' && typeof data.splice == 'function') { // 判断数据是否为数组
			data = {
				total : data.length,
				rows : data
			}
		}
		var dg = $(this); // 返回一个jQuery对象,this返回的是html对象;$(this)返回的是jQuery对象
		// alert($(this));
		// alert(this);
		var opts = dg.datagrid('options');// 得初始化datagird时的option(包括行高、表头信息、等等)对象
		// console.log(opts);
		var pager = dg.datagrid('getPager'); // 得到当前页面信息条数
		// console.log(pager);
		pager.pagination({
			onSelectPage : function(pageNum, pageSize) {
				opts.pageNumber = pageNum;
				opts.pageSize = pageSize;
				pager.pagination('refresh', {
					pageNumber : pageNum,
					pageSize : pageSize
				});
				dg.datagrid('loadData', data);
			}
		});
		if (!data.originalRows) {
			data.originalRows = (data.rows); // (data.rows:获取当前页所有行)
												// (data.originalRows:本地的数据)
		}
		var start = (opts.pageNumber - 1) * parseInt(opts.pageSize); // 定义了开始的页码数
		var end = start + parseInt(opts.pageSize);
		data.rows = (data.originalRows.slice(start, end)); // 数据的行数用slice方法,slice方法可以从已有的数组中返回选定的元素,返回一个新的数组,包含从start到end(不包含该元素)的data.originalRows中的元素。如果end未被规定,那么slice方法会选取从start到数组结尾的所有元素
		return data;
	}
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值