pagesecion.jsp(分页相关)
来源:互联网 发布:python技术手册第三版 编辑:程序博客网 时间:2024/06/14 10:36
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/thscommon/jsp/taglibs.jsp"%>
<script type="text/javascript" src="../javascript/jsMain/script.js"></script>
<script src="../script/jquery.js" type="text/javascript"></script>
<script src="../script/table.js" type="text/javascript"></script>
<input type="hidden" id="pageNo" name="pageNo" value="${page.pageNo}"/>
<script language="javascript">
function clearNoNum(obj){
//把非数字的都替换掉,除了数字
obj.value = obj.value.replace(/[^\d]/g,"");
}
function yanzNum(obj){
var totalPages = ${page.totalPages};
var validNum = (obj>=1&&obj<=totalPages);
if(!validNum){
alert('当前页号无效!')
document.getElementById("num").value="1";
return false;
};
}
function checkPageNo()
{
if(parseInt($("#pageNo").val())>0)
$("#pageNo").val("1");
//tishihuifu();
}
function jumpNewPage(pageNo){
$("#pageNo").val(pageNo);
var keyword = $("#keyword").val();
if(keyword != '') {
searchNewResult();
}
$("#mainForm").submit();
}
</script>
<!--翻页样式-->
<div id="controls">
<div id="perpage" align="center">
<span>总记录数</span>
${(page.totalCount<=0)?"0":page.totalCount }
<span>条</span>
<span style="margin-left: 50px;">每页显示</span>
<select name="pageSize" onchange="checkPageNo();jumpNewPage(1);">
<option value="10" ${(page.pageSize==10) ? "selected" : "" }>10</option>
<option value="20" ${(page.pageSize==20) ? "selected" : "" }>20</option>
<option value="50" ${(page.pageSize==50) ? "selected" : "" }>50</option>
<option value="100" ${(page.pageSize==100) ? "selected" : "" }>100</option>
</select>
<span>条</span>
</div>
<div id="jumptoinput" style="margin-top: 3px;">第<input type="text" id="num" value="${page.pageNo}" onkeyup="clearNoNum(this);" style="width: 30px">页
<a href="javascript:yanzNum($('#num').val());jumpNewPage($('#num').val());">跳转</a>
</div>
<div id="navigation" style="margin-top: 3px;">
<img src="${ctx}/old/skin/skin1/images/imMain/first.gif" width="16" height="16" alt="首页" onclick="jumpNewPage(1)" />
<img src="${ctx}/old/skin/skin1/images/imMain/previous.gif" width="16" height="16" alt="上一页" onclick="jumpNewPage(${page.prePage})" />
<div id="text">
第 <span id="currentpage">${page.pageNo}</span> 页 共 <span id="pagelimit">${(page.totalPages<=0)?"1":page.totalPages}</span> 页
</div>
<img src="${ctx}/old/skin/skin1/images/imMain/next.gif" width="16" height="16" alt="下一页" onclick="jumpNewPage(${page.nextPage});" />
<img src="${ctx}/old/skin/skin1/images/imMain/last.gif" width="16" height="16" alt="尾页" onclick="jumpNewPage(${page.totalPages})" />
</div>
</div>
<%@ include file="/thscommon/jsp/taglibs.jsp"%>
<script type="text/javascript" src="../javascript/jsMain/script.js"></script>
<script src="../script/jquery.js" type="text/javascript"></script>
<script src="../script/table.js" type="text/javascript"></script>
<input type="hidden" id="pageNo" name="pageNo" value="${page.pageNo}"/>
<script language="javascript">
function clearNoNum(obj){
//把非数字的都替换掉,除了数字
obj.value = obj.value.replace(/[^\d]/g,"");
}
function yanzNum(obj){
var totalPages = ${page.totalPages};
var validNum = (obj>=1&&obj<=totalPages);
if(!validNum){
alert('当前页号无效!')
document.getElementById("num").value="1";
return false;
};
}
function checkPageNo()
{
if(parseInt($("#pageNo").val())>0)
$("#pageNo").val("1");
//tishihuifu();
}
function jumpNewPage(pageNo){
$("#pageNo").val(pageNo);
var keyword = $("#keyword").val();
if(keyword != '') {
searchNewResult();
}
$("#mainForm").submit();
}
</script>
<!--翻页样式-->
<div id="controls">
<div id="perpage" align="center">
<span>总记录数</span>
${(page.totalCount<=0)?"0":page.totalCount }
<span>条</span>
<span style="margin-left: 50px;">每页显示</span>
<select name="pageSize" onchange="checkPageNo();jumpNewPage(1);">
<option value="10" ${(page.pageSize==10) ? "selected" : "" }>10</option>
<option value="20" ${(page.pageSize==20) ? "selected" : "" }>20</option>
<option value="50" ${(page.pageSize==50) ? "selected" : "" }>50</option>
<option value="100" ${(page.pageSize==100) ? "selected" : "" }>100</option>
</select>
<span>条</span>
</div>
<div id="jumptoinput" style="margin-top: 3px;">第<input type="text" id="num" value="${page.pageNo}" onkeyup="clearNoNum(this);" style="width: 30px">页
<a href="javascript:yanzNum($('#num').val());jumpNewPage($('#num').val());">跳转</a>
</div>
<div id="navigation" style="margin-top: 3px;">
<img src="${ctx}/old/skin/skin1/images/imMain/first.gif" width="16" height="16" alt="首页" onclick="jumpNewPage(1)" />
<img src="${ctx}/old/skin/skin1/images/imMain/previous.gif" width="16" height="16" alt="上一页" onclick="jumpNewPage(${page.prePage})" />
<div id="text">
第 <span id="currentpage">${page.pageNo}</span> 页 共 <span id="pagelimit">${(page.totalPages<=0)?"1":page.totalPages}</span> 页
</div>
<img src="${ctx}/old/skin/skin1/images/imMain/next.gif" width="16" height="16" alt="下一页" onclick="jumpNewPage(${page.nextPage});" />
<img src="${ctx}/old/skin/skin1/images/imMain/last.gif" width="16" height="16" alt="尾页" onclick="jumpNewPage(${page.totalPages})" />
</div>
</div>
阅读全文
0 0
- pagesecion.jsp(分页相关)
- jsp分页
- JSP分页
- Jsp分页
- jsp分页
- jsp分页
- JSP分页
- jsp 分页
- jsp分页
- jsp分页
- JSP分页
- JSP分页
- jsp分页
- jsp分页
- JSP 分页
- jsp分页
- Jsp分页
- jsp分页
- Markdown基本语法
- http statusCode(状态码) 200、300、400、500序列
- 指针
- 服务注册和服务发现-Eureka的服务认证和集群--Spring Cloud Netflix
- Java学习笔记_02
- pagesecion.jsp(分页相关)
- CONCAT函数的介绍及mybatis 中模糊查询
- 虚拟网络知识总结
- 好像蛮有道理的啊
- 【性能测试】-测试数据准备
- 数据库优化理论 —— 查询优化技术
- redis:hash数据类型与操作
- #Anroid常用单位转换的辅助类DensityUtils
- Timer定时器使用说明