<div id="pagination">
<input type="hidden" id="operation" name="dataPackage.operation" value="firstPage" />
<input type="hidden" id="currentPage" value='<s:property value="dataPackage.currentPage"/>' />
<input type="hidden" id="totalPage" name="dataPackage.totalPage" value='<s:property value="dataPackage.totalPage"/>' />
<s:text name="wmba.pagination.current" /> <s:property value="dataPackage.currentPage"/> <s:text name="wmba.pagination.page" />,<s:text name="wmba.pagination.gong" /> <s:property value="dataPackage.totalPage"/> <s:text name="wmba.pagination.page" />
<s:if test="dataPackage.showFirstPage">
<a onclick="queryPage('firstPage')">
<img src="/wmba/theme/standard/images/blue/first.gif">
</a>
</s:if>
<s:if test="dataPackage.showPrePage">
<a onclick="queryPage('prePage')">
<img src="/wmba/theme/standard/images/blue/prev.gif">
</a>
</s:if>
<s:if test="dataPackage.showNextPage">
<a onclick="queryPage('nextPage')">
<img src="/wmba/theme/standard/images/blue/next.gif">
</a>
</s:if>
<s:if test="dataPackage.showLastPage">
<a onclick="queryPage('lastPage')">
<img src="/wmba/theme/standard/images/blue/last.gif">
</a>
</s:if>
<s:if test="dataPackage.showPageSize">
<s:text name="wmba.pagination.display" /><input name="dataPackage.pageSize" id="pageSize" value='${applicationScope.pageSize }' style="width:40px;" onblur="validateNum(this,100,1)"><s:text name="wmba.pagination.bardata" />
</s:if>
<s:else>
<input type="hidden" name="dataPackage.pageSize" id="pageSize" value='${applicationScope.pageSize }'>
</s:else>
<s:if test="dataPackage.showGO">
<s:text name="wmba.pagination.forward" /><input name="dataPackage.currentPage" value='<s:property value="dataPackage.currentPage"/>' style="width:40px;" onblur="validateNum(this,<s:property value="dataPackage.totalPage"/>,1)"></input><s:text name="wmba.pagination.page" />
<input type="button" value="GO" class="button" onclick="queryPage('go')" />
</s:if>
</div>
有关的js:
function queryPage(type){
var currentPage = jQuery("#currentPage").val();
if(type!="go"){
$("input[name='dataPackage.currentPage']").get(0).value=currentPage;
}
$("#operation").val(type);
document.forms[0].submit();
}
function validateNum(obj,maxValue,minValue){
var re=/^\d+$/;
if(!re.test(obj.value)){
alert($("#numberTip").val());
obj.focus();
obj.select();
}else if(maxValue!=""&&maxValue<obj.value){
alert($("#numberTip1").val()+maxValue);
obj.focus();
obj.select();
}else if(minValue!=""&&minValue>obj.value){
alert($("#numberTip2").val()+minValue);
obj.focus();
obj.select();
}
}
分享到:
相关推荐
在IT行业中,生成HTML静态分页页面是一种常见的需求,特别是在网站开发中,为了提高用户体验和搜索引擎优化(SEO)效果。本示例通过“aspnetpager”动态原理来实现这一功能,下面将详细介绍这个过程。 首先,`...
"一个很好的分页页面工具"标题所指的可能是一个高效、易用的分页库,适用于JSP(JavaServer Pages)环境。这个工具可能提供了丰富的功能和定制选项,帮助开发者轻松实现分页效果。 DisplayTag是一个非常著名的开源...
thinkphp分页页面样式
JS 控制的智能分页 JS实现的自动分页 页面控制 引用JS后,document.getElementById("setpage").innerHTML//这一句setpage根据自己的情况修改一下就可以用了
**jQuery页面分页详解** 页面分页是网页开发中常用的一种技术,特别是在处理大量数据时,为了提高用户体验,避免一次性加载过多内容导致页面卡顿。jQuery作为一种轻量级的JavaScript库,提供了简单易用的API,使得...
在本压缩包中,包含的主题主要涉及操作系统中的内存管理——请求分页和页面置换算法,以及文件管理。以下是对这些知识点的详细阐述: 1. 请求分页(Request Paging): 请求分页是一种内存管理技术,用于解决程序...
web项目中大多数分页是通过后台操作的,但是有的时候也是需要在前台进行分页操作,此代码就是用js做的分页
本教程将详细介绍PageHelper的使用方法以及如何在JSP页面上展示分页结果。 **一、PageHelper简介** PageHelper插件基于MyBatis的拦截器实现,通过自动配置SqlSession,实现了动态SQL的功能。它的主要优点在于提供...
本教程将重点讲解如何在JSP(JavaServer Pages)中实现分页,包括页面刷新分页和无刷新分页,同时会涉及到MySQL数据库的使用以及Eclipse开发环境。 一、页面刷新分页 页面刷新分页是最传统的分页方法,当用户点击...
Freemarker分页是Web开发中的一个重要概念,它主要用于在大量数据展示时,将结果集分割成多个小块,每次只加载一部分数据,提高页面加载速度并提升用户体验。在这个例子中,我们看到的是如何在使用Struts2框架的基础...
本资源提供了“强大的分页实体类(page.java)”和“分页页面代码(page.jsp)”,这两个文件旨在简化分页实现过程,通过详细注释确保开发者能够快速理解和应用。 首先,我们来详细了解一下`page.java`。这是一个...
二、自动分页页面设置 在Excel中,我们可以通过设置自动分页来实现自动分页打印。具体步骤如下: 1. 单击“页面布局”选项卡,单击“页边距”,选中最下面的“自定义边距”。 2. 在弹出的“页面设置”中,我们可以...
2. Meta标签:确保每个分页页面都有独立的Title和Meta描述,这样搜索引擎可以更好地理解每个页面的独特性。 3. 链接结构:合理设置上一页、下一页和首页的链接,帮助爬虫跟踪分页顺序。 4. 原创内容:确保每个分页...
例如,为了提高用户体验和搜索引擎的爬取效率,可以采用URL重写技术,使得每个分页页面的URL具有独立性和可读性。 此外,一些工具和框架如Spring Boot、Hibernate、MyBatis等提供了便捷的分页支持,简化了开发过程...
5. **渲染页面**:JSP根据接收到的数据,生成分页导航,展示当前页数据。 在这个模拟百度的JSP分页项目中,开发者可能还使用了一些最佳实践,比如缓存分页信息,避免频繁的数据库查询;或者使用Ajax实现无刷新分页...
当用户访问分页页面时,Servlet接收请求并处理。在Servlet中,我们可以根据请求参数计算出开始查询的记录位置(起始索引),公式为:`(当前页码 - 1) * 每页记录数`。然后,通过JDBC连接数据库,使用SQL的`LIMIT`或...
8. SEO友好:对于搜索引擎优化(SEO),分页也需要注意,确保每个分页页面都有唯一的URL,并且包含相关的内容,避免被搜索引擎视为重复内容。 9. 错误处理和兼容性:在编写分页代码时,要考虑到可能出现的错误,如...
- **状态保存**:在页面刷新或关闭后,能够记住用户的分页状态。 - **动态加载**:当用户滚动到页面底部时,自动加载下一页数据(无限滚动)。 - **自适应布局**:根据屏幕大小调整分页组件的布局。 通过不断优化和...
而"fenye"可能是JSP分页页面的示例代码,展示了如何在JSP中显示分页数据和导航链接。 总结来说,这个主题涵盖了JAVA后端如何通过调用MYSQL存储过程处理分页查询,以及JSP如何接收并展示这些数据。这样的组合既利用...
描述中提到的“通用分页页面内容”暗示我们将深入理解如何创建一个可复用的分页组件,这个组件能够适应不同的场景,不仅限于特定的数据源或展示方式。博主通过其在ITEYE博客上的文章(尽管无法在这里直接访问),...