JS分页方法
/**
maxpage 最大页数
*/
function gotoPage(maxpage)
{
var gotoPage = document.getElementById("currentPage").value;//当前页数
var reg1 = /^\d+$/;
if(gotoPage.match(reg1) == null)
{
alert("请输入正确页码");
return ;
}
else
{
nextpage(maxpage,gotoPage);
}
}
/*
跳转到指定页面
*/
function nextpage(totelpage, currpage)
{
var maxpage=new Number(totelpage);
var curpage=new Number(currpage);
if(curpage<1)
{
alert("没有这一页");
curpage=1;
return ;
}
if(curpage >maxpage )
{
alert("没有这一页");
curpage=maxpage;
return ;
}
document.getElementById("currentPage").value=curpage;
var form = document.pageForm;
form.submit();
}
HTML代码
<tr>
<td colspan="4" align="center" bgcolor="white" height="35" class="td" style="font-weight: 600;">
第${pager.currentPage}页/共${pager.totalPages}页/共${pager.totalRows}条
<a href="javaScript:nextpage('${pager.totalPages}','1');">首页</a>
<a href="javaScript:nextpage('${pager.totalPages}','${pager.currentPage-1}');"> 上一页</a>
<a href="javaScript:nextpage('${pager.totalPages}','${pager.currentPage+1}');"> 下一页</a>
<a href="javaScript:nextpage('${pager.totalPages}','${pager.totalPages}');">尾页</a>
跳转到<input type="text" size="5" value="${pager.currentPage}" name="pager.currentPage" id="currentPage">
<input type="button" onclick="gotoPage('${pager.totalPages}')" value="GO"/>
</td>
</tr>
//Pager.java 类
import java.util.List;
public class Pager<T> {
private int totalRows = 0; // 总行数
private int pageSize = 25; // 每页显示的行数,默认值为10
private int currentPage = 1; // 当前页号
private int totalPages = 0; //总页数
private List<T> results;// 此页查询出的结果
public void setPageInfo(int totalRows){
this.setTotalRows(totalRows);
this.totalPages = totalRows / pageSize + (totalRows % pageSize == 0 ? 0 : 1);
}
public Pager() {
}
public int getCurrentPage() {
return currentPage;
}
public void setCurrentPage(int currentPage) {
this.currentPage = currentPage;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int getTotalPages() {
return totalPages;
}
public void setTotalPages(int totalPages) {
this.totalPages = totalPages;
}
public int getTotalRows() {
return totalRows;
}
public void setTotalRows(int totalRows) {
this.totalRows = totalRows;
}
public List<T> getResults() {
return results;
}
public void setResults(List<T> results) {
this.results = results;
}
public boolean canShowFirst() {
if (this.currentPage == 1 || this.totalPages == 0)
return false;
return true;
}
public boolean canShowLast() {
if (this.currentPage == this.totalPages || this.totalPages == 0)
return false;
return true;
}
public boolean canShowPrevious() {
if (this.currentPage == 1 || this.totalPages == 0)
return false;
return true;
}
public boolean canShowNext() {
if (this.currentPage == this.totalPages || this.totalPages == 0)
return false;
return true;
}
}
JS分页方法的更多相关文章
- .net分页方法
.net分页方法 //记录分页的总条数 DX.Model.Container.PagerDataContainer Container = new DX.Model.Container.PagerDa ...
- 浅谈js分页的几种方法
一个项目中必然会遇到分页这种需求的,分页可以使数据加载更合理,也让页面显示更美观,更有层次感!那么js分页到底如何实现呢?下面我就来讲一下三种循序渐进的方法 1.自己纯手写分页 更深入的去理解分页的意 ...
- 纯JS前端分页方法(JS分页)
1.JS分页函数:开发过程中,分页功能一般是后台提供接口,前端只要传page(当前页码)和pageSize(每页最大显示条数)及对应的其他查询条件,就可以返回所需分页显示的数据. 但是有时也需要前端本 ...
- js分页小结
今天解决了JS分页的问题1 页码 给每页的内容套一个相同的类名 通过选择器加上.length或者.size() 来获得总页数2当前页的页码可以使用each(function(index,DOMsss ...
- jsp、js分页功能的简单总结
一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要.分 ...
- 一个重构的js分页类
// JavaScript Document /**//** * js分页类 * @param iAbsolute 每页显示记录数 * @param sTableId 分页表格属性ID值,为Strin ...
- SharePoint2013 SharePoint-Hosted 模式 分页方法
/**分页js插件 var ListPager = new listPaging(); 先调用start方法加载上下文 然后调用dataLoad方法查询第一页数据 需要设置几个属性值 ListPage ...
- JS分页条插件
目标 制作js分页导航jq插件,用于无刷新分页或者刷新分页 实现目标参考京东和天猫的分页条. 有四个固定按钮,前页码,后页码,首页,末页. 程序关键点在于计算中间页面的起止位置.逻辑是以当前页码为参照 ...
- js分页实例
js分页实例 案例1 1.js_pageusers.html <!DOCTYPE html> <html> <head> <title>js_pageu ...
随机推荐
- 智能车学习(二十二)——浅谈速度控制
一.经典PID控制 使用遇限反向PID会比较适合有加减速的车子,使用变速积分适合跑匀速的车子.然后这种方法的条件下,一定要尽可能缩短控制周期.. 二.PID加棒棒控制 针对 ...
- Confluent Platform 3.0支持使用Kafka Streams实现实时的数据处理(最新版已经是3.1了,支持kafka0.10了)
来自 Confluent 的 Confluent Platform 3.0 消息系统支持使用 Kafka Streams 实现实时的数据处理,这家公司也是在背后支撑 Apache Kafka 消息框架 ...
- 【hibernate criteria】hibernate中criteria的完整用法 转
---恢复内容开始--- 转自:http://www.360doc.com/content/090313/10/26262_2794855.html 1.Criteria Hibernate 设计了 ...
- hdu4289 最小割最大流 (拆点最大流)
最小割最大流定理:(参考刘汝佳p369)增广路算法结束时,令已标号结点(a[u]>0的结点)集合为S,其他结点集合为T=V-S,则(S,T)是图的s-t最小割. Problem Descript ...
- POJ 3261 后缀数组
题目链接:http://poj.org/problem?id=3261 题意:约翰注意到奶牛产奶的之类是不断变化的,虽然他不能预测从当天到下一天的变化情况但是他知道变化是有规律的,牛奶的质量由一个整数 ...
- HDU 3926 图的同构
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=3926 题意:给定2个顶点度最大为2的无向图.问你这2个无向图是否同构. 思路: 1.最大度为2.说明这 ...
- 《DSP using MATLAB》示例Example5.6
代码: x = [1, 1, 1, 1]; N = 4; X_DFT = dft(x,N); % DFT of x(n) magX_DFT = abs(X_DFT), phaX_DFT = angle ...
- psql-05数据库,模式
数据的组织结构 数据库:表,索引:数据行 PostgreSQL中一个服务(实例)可以有多个数据库:而一个数据库不能属于多个实例; 数据库 创建数据库 create database name [own ...
- 内核终端判断,微信?QQ?ipad?IE?移动?Google?opera……
$(document).ready(function(){ //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgen ...
- 获取datable中某行某列的数据
假设该DataTable有5行和两个字段“Name”,“Phone”, 我如何访问第3行的“Phone”字段的值. DataTable.Rows[2][1].ToString() DataTable. ...