您的位置:首页 > 编程语言 > Java开发

java实现公共调用分页js

2014-04-12 17:40 399 查看
//底部部分,上下页

function pagesBean(pageObj, pageDiv, funcName) {
var pageShow = "共" + pageObj.totalPages + "页/" + pageObj.totalRecords
+ "条    " + "第" + pageObj.currentPage
+ "页   ";
var forward = "<a href='javascript:" + funcName + "(1," + pageObj.pageSize
+ ")'>首页</a>   " + "<a href='javascript:" + funcName
+ "(" + pageObj.lastPage + "," + pageObj.pageSize + ","
+ pageObj.pageSize + ")'>上一页</a>   ";
var back = "<a href='javascript:" + funcName + "(" + pageObj.nextPage + ","
+ pageObj.pageSize + ")'>下一页</a>   "
+ "<a href='javascript:" + funcName + "(" + pageObj.totalPages
+ "," + pageObj.pageSize + ")'>末页</a>   ";

if (pageObj.currentPage != 1) {
pageShow = pageShow + forward;
}
if (pageObj.currentPage != pageObj.totalPages) {
pageShow = pageShow + back;
}

    //每页显示和跳转
var changePage = " 每页显示 <select onchange='javascript:" + funcName
+ "(1,this.value);'>" + "<option value='20' "
+ (pageObj.pageSize == 20 ? "selected='selected'" : "")
+ ">20</option>" + "<option value='50' "
+ (pageObj.pageSize == 50 ? "selected='selected'" : "")
+ ">50</option>" + "<option value='100' "
+ (pageObj.pageSize == 100 ? "selected='selected'" : "")
+ ">100</option>" + "<option value='200' "
+ (pageObj.pageSize == 200 ? "selected='selected'" : "")
+ ">200</option>" + "<option value='500' "
+ (pageObj.pageSize == 500 ? "selected='selected'" : "")
+ ">500</option>" +
(pageObj.pageSize ==700 ? "selected='selected'" : "")
+ ">700</option>" +
(pageObj.pageSize ==800 ? "selected='selected'" : "")
+ ">700</option>" +
(pageObj.pageSize ==1000 ? "selected='selected'" : "")
+ ">700</option>" +
"</select> 条    跳转至 "
+ "<input type='text' id='goPageNum' size='2'/>页"
+ "<input type='button' value='go' onclick='javascript:" + funcName
+ "(getPageNum(" + pageObj.totalPages + ")," + pageObj.pageSize
+ ");'/>";
pageShow = pageShow + changePage;
pageDiv.html(pageShow);

}

//判断 跳转到多少页文本框

function getPageNum(totalPages) {
var pageNum = $("#goPageNum").val();
pageNum = pageNum < 1 ? 1 : pageNum > totalPages ? totalPages : pageNum;
return pageNum;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  分页 javascript jquery