1.引入jquery js文件及jqueryPage js文件
2.初始化翻页工具栏
$(document).ready(function(){
initPageTools("workPlanList");
initPageTools("doWillList");
initPageTools("dailyList");
});
3.引入查询后的翻页结果界面<div id="workPlanList">
<s:include value="wokePlanList.jsp">
</s:include>
</div>
注意：div为必须
4. 翻页界面代码如下：其中form为必须用于翻页取数据
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@include file="../commons/inc.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>工作计划列表</title>
<link href="<%=path %>/css/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<s:form action="queryWorkPlan.do">
<s:hidden name="taskQueryBean.startTime" id="hiddenStartTime"></s:hidden>
<s:hidden name="taskQueryBean.endTime" id="hiddenEndTime"></s:hidden>
<table width="100%" height="30" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td class="title_head_bg">
<table width="100%" height="30" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="title_text_bg">计划列表</td>
<td align="right"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table id="tt" class="table" width="100%">
<tr class="tr_one">
<td >
任务名称
</td>
<td>
任务描述
</td>
<td>
开始时间
</td>
<td>
结束时间
</td>
</tr>
<s:iterator value="wtList.collection" var="u" status="s">
<tr <s:if test="(#s.index+1)%2==0">class="t_3"</s:if>
<s:if test="(#s.index+1)%2!=0">class="t_2"</s:if>>
<td><s:property value='#u.taskName' /></td>
<td><s:property value='#u.desc' /></td>
<td><s:date name="#u.startTime" format="yyyy-MM-dd" /></td>
<td><s:date name="#u.endTime" format="yyyy-MM-dd" /></td>
</tr>
</s:iterator>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="table_foot" width="100%" style="margin-left: 0px;margin-right:0px;">
<tr>
<td class="a" >共有<span id="totalRows"><s:property value="wtList.totalRows"/></span>条记录，当前第<span id="page"><s:property value="wtList.page"/></span>页，共<span id="totalPages"><s:property value="wtList.totalPages"/></span>页</td>
<td align="right" class="table_footright"><input type="button" class="button" id="firstPage" value="首页" >
<input type="button" class="button" value="上一页" id="upPage">
<input type="button" class="button" value="下一页" id="nextPage">
<input type="button" class="button" value="尾页" id="lastPage">
转到
<input name="textfield" id="toPage" type="text" class="form_textfield" size="1">
页
<input name="Submit5" type="button" class="button" value="转" id="toPage"></td>
</tr>
</table>
</s:form>
</body>
</html>
5.结果封装及后台Action在程序包中，后台程序不介绍。请参考附件
分享到：
相关推荐
在这个“jQuery+struts2翻页实现”的项目中，我们将深入探讨如何结合这两个工具来实现动态的分页功能。 首先，jQuery是一个轻量级的JavaScript库，它简化了DOM操作、事件处理、动画效果和Ajax交互。在“jqueryPage....
在Struts2中，创建一个处理分页请求的Action，将Hibernate返回的PageBean对象作为结果返回给前端： ```java public class PagingAction extends ActionSupport { private PageBean<User> pageBean; // getters ...
接下来，我们将详细介绍如何在Spring + Hibernate + Struts2项目中实现分页功能。 ##### 4.1 DAO层设计 在DAO（Data Access Object）层，我们需要设计用于处理数据访问操作的接口和实现类。这里主要关注的是分页...
2. **jQuery插件**：jQuery插件是开发者为扩展jQuery功能而编写的代码。在这个案例中，可能使用了一个专门用于实现无限滚动效果的jQuery插件。这种插件通常会监听页面滚动到底部的事件，然后通过Ajax请求获取更多...
在本次的使用详解中，主要涵盖了如何在后台使用struts2框架的情况下，通过jquery pagination分页插件来实现页面的数据分页显示。 ### 1. jquery pagination分页插件简介 jquery pagination分页插件可以适用于多种...
2. **配置文件**：`struts.xml`是Struts2的核心配置文件，用于定义Action、结果类型和拦截器栈等。 3. **Interceptor**（拦截器）：提供了AOP（面向切面编程）功能，可以在Action执行前后插入自定义逻辑。 4. **...
还可以添加一些JavaScript或jQuery来实现动态加载或无刷新翻页效果。 在"StrutsTagligDemo"项目中，你应该能看到这些概念的实际应用。通过查看源代码，特别是Action类和JSP页面，你可以学习到如何将这些理论知识...
SSH（Struts2 + Spring + Hibernate）是一个经典的Java Web开发框架，它整合了Struts的MVC模式、Spring的依赖注入以及Hibernate的对象关系映射，为开发者提供了强大的后端支持。在大型项目中，为了提高页面加载速度...
在这个"超级简单的jQuery分页插件"中，我们可以预期它具备以上的基本功能，并且易于集成到项目中。通过查看示例，我们可以学习如何初始化插件、设置配置参数，以及如何与服务器进行数据交互。 例如，插件的使用可能...
在Struts中，可以使用自定义标签库或者JavaScript库（如jQuery UI的Accordion）来实现。通过递归调用，将层级关系以折叠/展开的形式展示出来，使用户能清晰地看到数据的层次结构。 5. **多页查询数据** 多页查询...
Java分页控件是Java开发中常用的一种组件，主要用于在大量数据展示时提供翻页功能，提高用户体验。在Web应用中，特别是在数据密集型的应用如电商、报表系统中，分页控件扮演着至关重要的角色。它允许用户按需加载...
AJAX通常结合XMLHttpRequest对象和JavaScript实现，但在现代Web开发中，更常见的是使用jQuery、Vue.js、React等库来简化AJAX操作。 分页技术则用于处理大量的数据，避免一次性加载过多内容导致页面加载慢或者内存...
后端服务器（通常基于Spring MVC或Struts2框架）负责处理请求，查询数据库并返回JSON格式的数据，前端JavaScript将这些数据转换为树形结构展示在页面上。在给定的项目中，可能包含了这样的前后端交互逻辑和数据库...
在后端，开发者可能使用了像Spring MVC或者Struts2这样的框架，结合数据库查询语言（如SQL）来实现数据的分页获取。例如，通过添加LIMIT和OFFSET关键字来限制返回的记录数，或者使用分页参数（如当前页数和每页记录...