- 浏览: 109321 次
- 性别:
- 来自: 广西
文章分类
最新评论
-
18335864773:
用 js 的方法比较麻烦了,而且容易出错. 可以试试用 pa ...
用JavaScript动态生成excel -
beigai:
是可以使用的,没有问题,就是在WIN7下面是获取的IPV6的地 ...
java 获得web访问者真实的IP -
1927105:
fjmwishs 写道 不行啊 ,得不到。你那是什么破场景哇? ...
java 获得web访问者真实的IP -
fjmwishs:
不行啊 ,得不到。
java 获得web访问者真实的IP -
feizhang666:
太乱了......
JS修改Table中Td的值
根据指定当前页,分页记录条数,总页数,总行数,url等,生成页面分页导航链接的html代码
调用方法:
页面:
package com.gz.common.page; import java.util.regex.Pattern; import javax.servlet.http.HttpServletRequest; import org.apache.log4j.Logger; /** * 分页导航类 该类生成分页导航的html代码 * * @author 黄瑞文 * */ public class Page { private Logger logger = Logger.getLogger(Page.class); /** * 声明:链接的其他查询条件,可以用struts的form表单提交,方可保留下一页时查询条件一样 若不使用form表单可以把查询条件连接到url末尾 * * @param totalPage * 总页数 * @param totalRow * 总行数 * @param pageSize * 每页行数 * @param currentPage * 当前页 * @param url * 连接地址,需要把查询的其他条件加进来:例如test.do?name=h * @return */ public String pageStr(int totalPage, int totalRow, int pageSize, int currentPage, String url) { int linkNum = 10;// 页面显示的链接数--页数的导航链接显示个数(可忽略) String navigation = ""; // "&pageSize="+pageSize+ // 表格封装分页导航 navigation += "<div><table border=1><tr>"; navigation += "<td>共" + totalPage + "页</td>";// 总页数 // 上一页 if (currentPage == 1) { // navigation += "<td><a href='"+url+"?page="+1+"'>上一页</a></td>"; } else { navigation += "<td><a href='" + url + "&page=" + (currentPage - 1) + "&pageSize=" + pageSize + "'>上一页</a></td>"; } // 页数的导航链接 navigation += "<td>第</td>"; // 从第几页开始,使其成为导航链接 int start = currentPage - linkNum / 2 <= 0 ? 1 : currentPage - linkNum / 2; // 结束页 int end = start + linkNum > totalPage ? totalPage : start + 10; // 当起始页和结束页,之差不够指定的页数时,从新给起始页赋值 start = end - linkNum >= 0 ? end - linkNum == 0 ? 1 : end - linkNum : start; // System.out.println(start+"/"+end); for (int i = start; i <= end; i++) { if (i == currentPage) { navigation += "<td>" + currentPage + "</td>";// 当前页不在是链接 } else { navigation += "<td><a href='" + url + "&page=" + i + "&pageSize=" + pageSize + "'>" + i + "</a></td>"; } } navigation += "<td>页</td>"; if (currentPage == totalPage) { } else { navigation += "<td><a href='" + url + "&page=" + (currentPage + 1) + "&pageSize=" + pageSize + "'>下一页</a></td>"; } // 下十页 navigation += "<td><a href='" + url + "&page=" + (currentPage + 10) + "&pageSize=" + pageSize + "'>下十页</a></td>"; navigation += "<td>共" + totalRow + "条</td>"; // 每页显示的记录数;onchange='this.form.submit();'更改数量时提交表单-- // 这时应返回第一页--这里没有实现 navigation += "<td>每页 <select name='pageSize' onchange='this.form.submit();'>"; navigation += "<option value='" + pageSize + "'>" + pageSize + "</option>"; for (int psize = 0; psize <= totalRow;) { psize += totalRow / 30; navigation += "<option value='" + psize + "'>" + psize + "</option>"; } navigation += "</select>"; navigation += "条</td>"; navigation += "</tr></table></div>"; return navigation; } /** * 每次显示第1-10页的链接,每10页刷新链接 * * @param totalPage * 总页数 * @param totalRow * 总行数 * @param pageSize * 每页行数 * @param currentPage * 当前页 * @param url * 连接地址,需要把查询的其他条件加进来:例如test.do?name=h * @return */ public String pageStrTen(int totalPage, int totalRow, int pageSize, int currentPage, String url) { // int linkNum = 9;// 页面显示的链接数--页数的导航链接显示个数(可忽略) if (url.contains("?")) { url += "&"; } else { url += "?"; } //规避当前页小于0或大于总的页数。 if(currentPage<=0){ currentPage=1; }else if(currentPage>totalPage){ currentPage=totalPage; } String navigation = ""; // "&pageSize="+pageSize+ // 表格封装分页导航 navigation += "<div><table border=1><tr>"; navigation += "<td>共" + totalPage + "页</td>";// 总页数 // 上十页 if (currentPage > 10) {// 如果当前页大于10页,说明有上10页 // 回到上十页 navigation += "<td><a href='" + url + "page=" + (currentPage - 10) + "&pageSize=" + pageSize + "'>上十页</a></td>"; } // 上一页 if (currentPage == 1) { // navigation += "<td><a href='"+url+"?page="+1+"'>上一页</a></td>"; } else { navigation += "<td><a href='" + url + "page=" + (currentPage - 1) + "&pageSize=" + pageSize + "'>上页</a></td>"; } // 页数的导航链接 // navigation += "<td>第</td>"; // 从第几页开始,使其成为导航链接 int start = currentPage / 10 * 10; start = start == 0 ? 1 : start;// 规避等于0的情况 start = start > totalPage ? totalPage : start;// 规避大于总的页数 // 结束页 int end = start + 9 > totalPage ? totalPage : start + 9; // 当起始页和结束页,之差不够指定的页数时,从新给起始页赋值 for (int i = start; i <= end; i++) { if (i == currentPage) { navigation += "<td style='font-weight:bold; font-family:Verdana; font-size:12px;'>" + currentPage + "</td>";// 当前页不在是链接 } else { navigation += "<td><a href='" + url + "page=" + i + "&pageSize=" + pageSize + "'>" + i + "</a></td>"; } } // navigation += "<td>页</td>"; if (currentPage != totalPage && currentPage < totalPage) {// 下页, navigation += "<td><a href='" + url + "page=" + (currentPage + 1) + "&pageSize=" + pageSize + "'>下页</a></td>"; } // 下十页 if (currentPage + 10 < totalPage) {// 下十页,如果当前页加上10小于totalPage,说明还有下10页 navigation += "<td><a href='" + url + "page=" + (currentPage + 10) + "&pageSize=" + pageSize + "'>下十页</a></td>"; } navigation += "<td>共" + totalRow + "条</td>"; // navigation += "<td>第<select name='page' // onchange='this.form.submit();' style='width=50'>"; navigation += "<td>第<select name='page' onchange='change(this.value," + pageSize + ");' style='width=50'>"; navigation += "<option value='" + currentPage + "'>" + currentPage + "</option>"; for (int pageNum = 5; pageNum <= totalPage;) { pageNum += 10;// 每10页递增 navigation += "<option value='" + pageNum + "'>" + pageNum + "</option>"; } navigation += "</select>"; navigation += "页</td>"; // 每页显示的记录数; // 这时应返回第一页-- navigation += "<td>每页 <select onchange='change(1,this.value);' style='width=50'>"; navigation += "<option value='" + pageSize + "'>" + pageSize + "</option>"; navigation += "<option value='" + 25 + "'>" + 25 + "</option>";// 保留两个比较常用的分页数量 navigation += "<option value='" + 50 + "'>" + 50 + "</option>"; for (int psize = 0; psize <= totalRow;) { psize += totalRow / 25; navigation += "<option value='" + psize + "'>" + psize + "</option>"; } navigation += "</select>"; navigation += "<input VALUE='输入' onchange='change(1,this.value);' style='width=30;color:#A4A4A4' >"; navigation += "条</td>"; navigation += "</tr></table></div>"; // javaScript navigation += "<script>"; navigation += "function change(page,pageSize){"; navigation += " if(isNaN(pageSize)){"; navigation += " alert('每页显示的数量须为数字');"; navigation += " return false;"; navigation += " }"; navigation += " window.location.href='" + url + "page='+page+'&pageSize='+pageSize;"; navigation += "}"; navigation += "</script>"; return navigation; } /** * * @param request * @return 返回 整型数组,int[0]是当前页,int[1]是每页要显示的记录数 */ public int[] currentPageAndPageSize(HttpServletRequest request) { String cp = request.getParameter("page"); String ps = request.getParameter("pageSize"); logger.info("当前页:" + cp + "/" + ps); int currentPage = 1; int pageSize = 10; // 当没有触发提交表单,所以没有提交page--为空,会取从url传 过来的值 if (cp != null && !cp.equals("")) { currentPage = Integer.parseInt(cp); } if (ps != null && !ps.equals("")) { pageSize = Integer.parseInt(ps); } int[] curPage = { currentPage, pageSize }; return curPage; } public static void main(String[] args) { Page p = new Page(); System.out.println(p.pageStrTen(16, 550, 10, 11, "test.do")); } }
调用方法:
Page page=new Page(); int[] curPage=page.currentPageAndPageSize(request); int currentPage=curPage[0];//页面返回的当前页 int pageSize=curPage[1];//页面返回的分页显示的数量 String nav = ""; try { aList = aDao.findPaging(as, currentPage, pageSize);//分页查询结果 if (aList.size() > 0) nav = page.pageStrTen(aList.get(0).getTotalPage(), aList .get(0).getTotalRows(), pageSize, aList.get(0) .getCurrentPage(), "attendance.do?method=findList");//调用分页导航方法,返回分页导航的字符串 request.setAttribute(paging, nav);//将分页导航送出
页面:
<body> <div> <html:form action="attendance.do?method=findList" > <html:submit>查 询</html:submit></div> </div> 输出结果 <div> ${paging} <!-- 取出分页导航,该导航需要被查询的form表单包含在内--> <!-- 页面取出分页导航,该导航不再需要放在被查询的form表单包含在内。可以放在任意位置。--> </div> </html:form> </div> </body>
发表评论
-
通过修改tomcat的server.xml配置文件部署多个web工程,方法一
2011-12-12 10:54 9937Dear all, 下面是部署多个web工程,方法一 如果 ... -
select,触发js同时取得option的value 和显示的名称
2011-07-12 20:45 2449<option value="${u.szj} ... -
js 页面弹出层
2010-12-30 11:31 0需求列表: 一、弹出页面上的div,解决因为弹出层和页面上的d ... -
java web 标签大全
2010-10-13 19:43 1844java web 标签大全java web 标签大全 -
netcotss_t4阿各地方
2010-08-06 08:31 0的格式上的好地方和服哈大哈 -
HTML 颜色图表
2010-07-30 21:11 1155一、选择颜色,得到颜色的html代码; 二、输入html颜色代 ... -
weblogic 使用的问题
2010-05-08 18:11 1693一、weblogic数据源-找不 ... -
JavaScript鼠标点到文本框时的提示信息
2010-03-30 17:32 1083<!DOCTYPE html PUBLIC &quo ... -
java+js+jsp用户自定义字段查询
2010-03-30 16:20 6485人力资源系统常见的需求 一、给出员工所有的基本信息的字段 二、 ... -
用JavaScript动态生成excel
2010-03-19 12:39 2830<script> function prin ... -
用法比较简单的行高亮
2010-03-09 21:08 1160//另外的高亮 调用方法<table onmou ... -
自己用的CSS
2010-03-09 20:58 1119BODY { font-size:10pt; fo ... -
js添加行删除行,遍历table
2010-03-09 20:55 8474//需求:js实现多条记录的更新 //1、从页面的表格A中, ... -
JS修改Table中Td的值
2010-03-09 20:52 15357<html> <script lang ...
相关推荐
通过ajax调用后端Servlet,(调后端的Servlet名叫testservlet 可以在wzjpage.js第27行处修改。)返回一个JSON对象,要求:jSON对象中必须有 // datarows columns pageCount这3个对象。 //数据格式必须为: List[]>...
4. 更新分页导航,确保链接正确指向新的页码。 Google分页样式通常指的是简洁且易于使用的分页设计,如简单的数字链,上一页/下一页按钮,以及“跳至页数”的输入框。这种设计风格强调用户体验,使得用户可以快速...
本文将详细介绍一个通用的分页导航类和JavaScript实现,以及如何结合jQuery进行应用。 首先,我们要理解什么是内存分页。内存分页是指在客户端(浏览器)进行数据的分页处理,而不是像服务器端分页那样由服务器处理...
- **分页导航**:生成上一页、下一页和页码链接,方便用户浏览。 3. **小贤PHP通用分页程序** 这个程序提供了灵活的分页解决方案,其核心功能包括: - **配置参数**:允许设置每页显示的记录数、默认页码等。 -...
这个对象可能是自定义的`Page`类,它不仅包含查询到的数据列表,还应该有总记录数、总页数等信息,以便在前端展示分页导航。 `Page(hibernate通用分页).java`可能是`Page`类的具体实现,它可能包含以下属性: 1. ...
在IT行业中,分页是网页应用中不可或缺的一部分,特别是在数据量庞大的情况下,为了提高用户体验,通用分页的实现显得尤为重要。本话题将深入探讨“通用分页实现及其OO设计”,结合给定的“Paginaction.jsp”文件,...
标题 "C#通用分页.rar" 暗示了这个压缩包包含的资源与C#编程语言中的分页功能有关,特别关注的是在ASP.NET框架下的应用。分页是Web开发中常见的一种技术,用于处理大数据集合时提高网页加载速度和用户体验。在ASP...
总的来说,ASP.NET通用分页类是解决大量数据展示问题的有效工具,它将分页逻辑封装起来,使得开发者可以专注于业务逻辑,而不用每次都编写重复的分页代码。通过设计良好的分页类,我们可以实现高效、灵活的分页功能...
在这个项目中,"SSM实现通用分页"指的是通过这三个框架来实现数据的分页展示功能,这在大数据量的网页展示中尤为重要,可以有效提升用户体验并减轻服务器压力。 首先,Struts2作为MVC框架,负责处理HTTP请求和响应...
3. **前端展示**:前端页面需要显示分页导航,通常包括“上一页”、“下一页”按钮,以及页码选择器。前端代码需要能够动态更新页面内容,当用户切换页码时,向服务器发送新的请求,并渲染返回的数据。 4. **总页数...
ASP通用分页代码是网页开发中的一个重要组成部分,特别是在处理大量数据需要分页显示的场景下。这个代码模块的目的是为了提高开发效率,实现代码的复用,并确保用户在浏览多页内容时能轻松导航。以下将详细介绍这个...
- `test.jsp`: 前端页面,展示分页数据和分页导航。 通过以上组件,开发者可以在项目中快速集成分页功能,无需每次都重复编写相同的代码,提高了开发效率。 总结,Java Web项目中的分页通用实现涉及到数据库查询、...
标题"asp通用分页"指的是创建一个适用于多种场景的ASP分页函数。 在描述中提到的"asp通用分页函数",它可能是一个自定义的函数,可以被插入到任何ASP页面中,以便根据需要对数据库查询结果进行分页。开发者可能已经...
5. **前端展示**:在JSP或HTML页面上,利用Struts2的标签库或者JavaScript库(如jQuery)来实现分页导航的动态渲染。 总的来说,这个项目展示了如何在Java Web环境中,利用Struts2、Spring和MyBatis三大框架,构建...
5. **前端展示**:前端页面需要配合后端提供的分页信息,生成相应的分页导航条,让用户可以方便地切换页面。 SSH分页插件的优势在于其灵活性和易用性,开发者无需关心底层的分页逻辑,只需关注业务逻辑和数据展示,...
-- 分页导航 --> ${pagingModel.totalPages}" var="pageNum"> <li><s:a action="pagingAction">第${pageNum}页</s:a></li> ``` 6. **处理请求**:当用户点击分页链接时,Struts2会根据Action的配置将请求转发...
AspNetPager针对ASP.NET分页控件的不足,提出了与众不同的解决asp.net中分页问题的方案,即将分页导航功能与数据显示功能完全独立开来,由用户自己控制数据的获取及显示方式,因此可以被灵活地应用于任何需要实现...
这组特效通用18种效果,可以用于制作幻灯片、页面切换和其它容器组件切换的分页导航按钮。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。本代码适用浏览器:搜狗、360、FireFox、Chrome、Safari...
这里的"accss,mysql,asp通用分页,自定义分页样式"就是一个关于如何在ASP(Active Server Pages)环境下,结合Access和MySQL数据库实现分页功能,并且自定义分页样式的主题。 首先,让我们从数据库层面理解。...
Ajax通用分页控件是一种在Web开发中广泛使用的组件,主要目标是提供一种无刷新的用户体验,使得用户在浏览大量数据时可以轻松地导航。在Webform和MVC项目中,这种控件能够极大地提高应用的交互性和性能。标题中的"v...