`

分页页面

    博客分类:
  • html
 
阅读更多
<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" />&nbsp;<s:property value="dataPackage.currentPage"/>&nbsp;<s:text name="wmba.pagination.page" />,<s:text name="wmba.pagination.gong" />&nbsp;<s:property value="dataPackage.totalPage"/>&nbsp;<s:text name="wmba.pagination.page" />&nbsp;&nbsp;
	<s:if test="dataPackage.showFirstPage">
	<a  onclick="queryPage('firstPage')">
	<img src="/wmba/theme/standard/images/blue/first.gif">
		</a>&nbsp;
	</s:if>
	<s:if test="dataPackage.showPrePage">
	<a  onclick="queryPage('prePage')">
	<img src="/wmba/theme/standard/images/blue/prev.gif">
	</a>&nbsp;
	</s:if>
	<s:if test="dataPackage.showNextPage">
		<a  onclick="queryPage('nextPage')">
		<img src="/wmba/theme/standard/images/blue/next.gif">
	</a>&nbsp;
	</s:if>
	<s:if test="dataPackage.showLastPage">
	<a  onclick="queryPage('lastPage')">
	<img src="/wmba/theme/standard/images/blue/last.gif">
	</a>&nbsp;&nbsp;
	</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" />&nbsp;&nbsp;
	</s:if>
	<s:else>
		<input type="hidden" name="dataPackage.pageSize" id="pageSize" value='${applicationScope.pageSize }'>
	</s:else>
	&nbsp;&nbsp;
	<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" />
		&nbsp;&nbsp;
		<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();
	}
} 
分享到:
评论

相关推荐

    文章列表生成HTML静态分页页面

    在IT行业中,生成HTML静态分页页面是一种常见的需求,特别是在网站开发中,为了提高用户体验和搜索引擎优化(SEO)效果。本示例通过“aspnetpager”动态原理来实现这一功能,下面将详细介绍这个过程。 首先,`...

    一个很好的分页页面工具

    "一个很好的分页页面工具"标题所指的可能是一个高效、易用的分页库,适用于JSP(JavaServer Pages)环境。这个工具可能提供了丰富的功能和定制选项,帮助开发者轻松实现分页效果。 DisplayTag是一个非常著名的开源...

    thinkphp分页页面样式

    thinkphp分页页面样式

    JS实现的自动分页 页面控制

    JS 控制的智能分页 JS实现的自动分页 页面控制 引用JS后,document.getElementById("setpage").innerHTML//这一句setpage根据自己的情况修改一下就可以用了

    Jquery页面分页

    **jQuery页面分页详解** 页面分页是网页开发中常用的一种技术,特别是在处理大量数据时,为了提高用户体验,避免一次性加载过多内容导致页面卡顿。jQuery作为一种轻量级的JavaScript库,提供了简单易用的API,使得...

    操作系统算法源码 请求分页 页面置换 文件管理

    在本压缩包中,包含的主题主要涉及操作系统中的内存管理——请求分页和页面置换算法,以及文件管理。以下是对这些知识点的详细阐述: 1. 请求分页(Request Paging): 请求分页是一种内存管理技术,用于解决程序...

    前台页面使用js分页

    web项目中大多数分页是通过后台操作的,但是有的时候也是需要在前台进行分页操作,此代码就是用js做的分页

    PageHelper分页插件的使用和Jsp分页页面展示源码

    本教程将详细介绍PageHelper的使用方法以及如何在JSP页面上展示分页结果。 **一、PageHelper简介** PageHelper插件基于MyBatis的拦截器实现,通过自动配置SqlSession,实现了动态SQL的功能。它的主要优点在于提供...

    jsp分页,包括页面刷新和无刷新

    本教程将重点讲解如何在JSP(JavaServer Pages)中实现分页,包括页面刷新分页和无刷新分页,同时会涉及到MySQL数据库的使用以及Eclipse开发环境。 一、页面刷新分页 页面刷新分页是最传统的分页方法,当用户点击...

    Freemarker分页

    Freemarker分页是Web开发中的一个重要概念,它主要用于在大量数据展示时,将结果集分割成多个小块,每次只加载一部分数据,提高页面加载速度并提升用户体验。在这个例子中,我们看到的是如何在使用Struts2框架的基础...

    强大的分页实体类以及页面代码(注释详细)

    本资源提供了“强大的分页实体类(page.java)”和“分页页面代码(page.jsp)”,这两个文件旨在简化分页实现过程,通过详细注释确保开发者能够快速理解和应用。 首先,我们来详细了解一下`page.java`。这是一个...

    Excel表格如何分页打印自动分页取消分页等技巧.doc

    二、自动分页页面设置 在Excel中,我们可以通过设置自动分页来实现自动分页打印。具体步骤如下: 1. 单击“页面布局”选项卡,单击“页边距”,选中最下面的“自定义边距”。 2. 在弹出的“页面设置”中,我们可以...

    .netpage分页多功能实现及实例demo

    2. Meta标签:确保每个分页页面都有独立的Title和Meta描述,这样搜索引擎可以更好地理解每个页面的独特性。 3. 链接结构:合理设置上一页、下一页和首页的链接,帮助爬虫跟踪分页顺序。 4. 原创内容:确保每个分页...

    静态分页

    例如,为了提高用户体验和搜索引擎的爬取效率,可以采用URL重写技术,使得每个分页页面的URL具有独立性和可读性。 此外,一些工具和框架如Spring Boot、Hibernate、MyBatis等提供了便捷的分页支持,简化了开发过程...

    模拟百度的JSP分页源代码

    5. **渲染页面**:JSP根据接收到的数据,生成分页导航,展示当前页数据。 在这个模拟百度的JSP分页项目中,开发者可能还使用了一些最佳实践,比如缓存分页信息,避免频繁的数据库查询;或者使用Ajax实现无刷新分页...

    JSP 简单分页高效率实现

    当用户访问分页页面时,Servlet接收请求并处理。在Servlet中,我们可以根据请求参数计算出开始查询的记录位置(起始索引),公式为:`(当前页码 - 1) * 每页记录数`。然后,通过JDBC连接数据库,使用SQL的`LIMIT`或...

    ASP 很强大的-分页

    8. SEO友好:对于搜索引擎优化(SEO),分页也需要注意,确保每个分页页面都有唯一的URL,并且包含相关的内容,避免被搜索引擎视为重复内容。 9. 错误处理和兼容性:在编写分页代码时,要考虑到可能出现的错误,如...

    用jQuery实现的一个分页工具栏

    - **状态保存**:在页面刷新或关闭后,能够记住用户的分页状态。 - **动态加载**:当用户滚动到页面底部时,自动加载下一页数据(无限滚动)。 - **自适应布局**:根据屏幕大小调整分页组件的布局。 通过不断优化和...

    JAVA+JSP+MYSQL分页

    而"fenye"可能是JSP分页页面的示例代码,展示了如何在JSP中显示分页数据和导航链接。 总结来说,这个主题涵盖了JAVA后端如何通过调用MYSQL存储过程处理分页查询,以及JSP如何接收并展示这些数据。这样的组合既利用...

    通用分页实现及其OO设计探讨(2)

    描述中提到的“通用分页页面内容”暗示我们将深入理解如何创建一个可复用的分页组件,这个组件能够适应不同的场景,不仅限于特定的数据源或展示方式。博主通过其在ITEYE博客上的文章(尽管无法在这里直接访问),...

Global site tag (gtag.js) - Google Analytics