码迷,mamicode.com
首页 > Web开发 > 详细

js 无刷新分页代码

时间:2014-07-16 17:59:10      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:io   cti   代码   re   c   ar   

/**
* 分页事件处理
*/
function paging(){
$("#firstPage").click(function(){ //首页
var pageNo = getPage(‘pageNo‘);
if (pageNo == 1) {
alert("已经是首页");
}
else {
setPage(‘pageNo‘, ‘1‘);
loadListDate();
}
});
$("#prevPage").click(function(){ //上一页
var pageNo = getPage(‘pageNo‘);
if (pageNo <= 1) {
alert("已经是首页");
}
else {
setPage(‘pageNo‘, pageNo - 1);
//loadListDate();
}
});
$("#nextPage").click(function(){ //下一页
var pageNo = getPage(‘pageNo‘);
var pageSize = getPage(‘pageSize‘);
if (pageNo >= pageSize) {
alert("已经是最后一页");
}
else {
setPage(‘pageNo‘, pageNo + 1);
//loadListDate();
}
});
$("#lastPage").click(function(){ //最后一页
var pageNo = getPage(‘pageNo‘);
var pageSize = getPage(‘pageSize‘);
if (pageNo == pageSize) {
alert("已经是最后一页");
}
else {
setPage(‘pageNo‘, pageSize);
//loadListDate();
}
});
}

/**
* 获取分页信息
* @param {Object} mark|元素id
* return {Integer} value
*/
function getPage(mark){
var value = $(‘#‘ + mark).text().replace(/(^\s*)|(\s*$)/g, "");
if (value == ‘‘ || value == null || isNaN(value)) {
return ‘‘;
}
else {
var trimValue = parseInt(value);
return trimValue;
}
}

/**
* 设置分页信息
* @param {Object} mark|元素id
* @param {Object} value|要设置的值
* return void
*/
function setPage(mark, value){
$(‘#‘ + mark).text(value);
}

js 无刷新分页代码,布布扣,bubuko.com

js 无刷新分页代码

标签:io   cti   代码   re   c   ar   

原文地址:http://www.cnblogs.com/tancp/p/3847575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!