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;
}
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;
}
相关文章推荐
- 使用DWR实现JS调用服务端Java代码
- javaapplet js调用applet实现上传下载
- oracle存储过程实现JAVA调用的分页
- {传智播客} (学习笔记)--Java调用存储过程实现Oracle数据库分页
- RTree算法Java实现 JSI RTree Library的调用实例 标签:jsi-rtree-library
- JAVA调用存储过程实现分页技术。。
- 电子商务系统的设计与实现(十三):分页组件,从前到后,从JS到Java
- java调用存储过程实现分页功能
- Java实现HMacMD5加密,用于淘宝客JS 组件 API 调用时生成 sign 的签名
- 电子商务系统的设计与实现(十三):分页组件,从前到后,从JS到Java
- [Java][Js]利用Rhino在服务器端执行JavaScript、并实现Java与JavaScript相互调用
- 微信JSSDK开发,调用微信扫一扫 JAVA & jsp前端 & js实现
- WebView中实现js与java互相调用
- jxbrowser 实现java 和 js互相调用(破解版请联系作者)
- 电子商务系统的设计与实现(十三):分页组件,从前到后,从JS到Java
- 【转】JsBridge实现JavaScript和Java的互相调用
- 电子商务系统的设计与实现(十三):分页组件,从前到后,从JS到Java
- JAVA调用MYSQL存储过程实现分页
- Java乔晓松-利用JavaScript实现js对user用户的分页和实现js对用户的增删改查操作
- java 调用存储过程实现分页 sql server 2012 版