考评员查询,因为整体的数据量比较小,所以我们可以将分页放到前台进行处理。
其实分页的原理也很简单,我们根据分页选择的页码数和每页数据条数决定当前显示的是数组中的第多少项到多少项,然后再构造分页的参数传入已有的分页指令。
rush:js;">
// 初始化
分页参数
$s
cope.pageP
arams = {
size: $stateP
arams.size,// 每页数据条数
page: $stateP
arams.page,//
页码数
last: undefined,// 是否
首页
f
irst: undefined,// 是否尾页
totalPages: undefined,// 总页数
totalElements: undefined,// 总数据条数
numberOfElements: undefined // 当前页有几条数据
};
这是我们的分页指令要的数据,所以我们就是两个任务,第一,截取当前页应该显示的数据,第二生成参数传给分页指令。
这是最后实现的CommonService
中的公共方法。
rush:js;">
/**
*
重新生成分页参数与
分页数据
* @p
aram {每页数据条数} size
* @p
aram {
页码数} page
* @p
aram {全部数据} data
* @p
aram {Function} callback
* callback (pageP
arams,currentPageData)
* pageP
arams:
分页的标准
* currentPageData: 当前页的数据
*/
self.reloadPageP
aramsAndData = function(size,page,data,callback) {
// 校验传入的参数
if (typeof size === 'undefined') {
throw '未接收到每页数据条数信息';
}
if (typeof page === 'undefined') {
throw '未接收到
分页信息';
}
if (typeof data === 'undefined') {
throw '未接收到数据信息';
}
// 计算总页数和总数据条数
var totalPages = Math.ceil(data.length / size);
var totalElements = data.length;
// 计算当前页是否为
首页 是否为尾页
var f
irst = page === 0 ? true : false;
var last = page === totalPages - 1 ? true : false;
// 根据
分页参数计算当前页应该
显示的数据 slice数组元素分割
var currentPageData = data.slice(0 + page * size,size + page * size);
//
获取当前页总共有多少条数据
var numberOfElements = currentPageData.length;
// 重新生成分页参数
var pageParams = {
size: size,// 每页数据条数
page: page,// 页码数
last: last,// 是否首页
first: first,// 是否尾页
totalPages: totalPages,// 总页数
totalElements: totalElements,// 总数据条数
numberOfElements: numberOfElements // 当前页有几条数据
};
// 回调
if (callback) {
callback(pageParams,currentPageData);
}
};
获取当前页数据
获取当前页的数据,我们需要知道每页数据条数,页码数即可对数据进行分割。
rush:js;">
var currentPageData = data.slice(0 + page * size,size + page * size);
对数据进行分割,数据应该是从0
到size
,加上page * size
就是之前的页数中的数据量。
rush:js;">
// 计算总页数和总数据条数
var totalPages = Math.ceil(data.length / size);
var totalElements = data.length;
// 计算当前页是否为
首页 是否为尾页
var f
irst = page === 0 ? true : false;
var last = page === totalPages - 1 ? true : false;
//
获取当前页总共有多少条数据
var numberOfElements = currentPageData.length;
数据总数除以每页数据条数向上取整得到总页数。
如果页数为0
,则为首页;如果页数为总页数减1
,则为尾页。
arams.totalPages" total-elements="pageP
arams.totalElements" f
irst="pageP
arams.f
irst" last="pageP
arams.last" number="pageP
arams.page" size="pageP
arams.size" number-of-elements="pageP
arams.numberOfElements">
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。