/**

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分页方法的更多相关文章

  1. .net分页方法

    .net分页方法 //记录分页的总条数 DX.Model.Container.PagerDataContainer Container = new DX.Model.Container.PagerDa ...

  2. 浅谈js分页的几种方法

    一个项目中必然会遇到分页这种需求的,分页可以使数据加载更合理,也让页面显示更美观,更有层次感!那么js分页到底如何实现呢?下面我就来讲一下三种循序渐进的方法 1.自己纯手写分页 更深入的去理解分页的意 ...

  3. 纯JS前端分页方法(JS分页)

    1.JS分页函数:开发过程中,分页功能一般是后台提供接口,前端只要传page(当前页码)和pageSize(每页最大显示条数)及对应的其他查询条件,就可以返回所需分页显示的数据. 但是有时也需要前端本 ...

  4. js分页小结

     今天解决了JS分页的问题1 页码 给每页的内容套一个相同的类名 通过选择器加上.length或者.size() 来获得总页数2当前页的页码可以使用each(function(index,DOMsss ...

  5. jsp、js分页功能的简单总结

    一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要.分 ...

  6. 一个重构的js分页类

    // JavaScript Document /**//** * js分页类 * @param iAbsolute 每页显示记录数 * @param sTableId 分页表格属性ID值,为Strin ...

  7. SharePoint2013 SharePoint-Hosted 模式 分页方法

    /**分页js插件 var ListPager = new listPaging(); 先调用start方法加载上下文 然后调用dataLoad方法查询第一页数据 需要设置几个属性值 ListPage ...

  8. JS分页条插件

    目标 制作js分页导航jq插件,用于无刷新分页或者刷新分页 实现目标参考京东和天猫的分页条. 有四个固定按钮,前页码,后页码,首页,末页. 程序关键点在于计算中间页面的起止位置.逻辑是以当前页码为参照 ...

  9. js分页实例

    js分页实例 案例1 1.js_pageusers.html <!DOCTYPE html> <html> <head> <title>js_pageu ...

随机推荐

  1. mathematica练习程序(图像取反)

    代码很简单,就四行,我想到可以用mathematica干点什么了. 有人通过mathematica编程研究过视频编解码算法么,挺有意思,可以尝试一下. img=Import["f:/lena ...

  2. Codeforces Round #369 (Div. 2) D. Directed Roads dfs求某个联通块的在环上的点的数量

    D. Directed Roads   ZS the Coder and Chris the Baboon has explored Udayland for quite some time. The ...

  3. RDS MySQL 全文检索相关问题的处理

    RDS MySQL 全文检索相关问题 1. RDS MySQL 对全文检索的支持 2. RDS MySQL 全文检索相关参数 3. RDS MySQL 全文检索中文支持 3.1 MyISAM 引擎表 ...

  4. hdu 1370 Biorthythms 中国剩余定理

    Biorhythms Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total ...

  5. 《锋利的jQruery》读书笔记

    由于是一边看书一边练习,所以干把笔记写在html文档中.想看的同学可以复制到一个html文档中,结合浏览器查看.不得不说<锋利的jQuery>是本好书,建议好好看看.尊重知识产权,请购买正 ...

  6. DuckHunter Attacks

    DuckHunter Attacks   DuckHunter Attacks是从USB Rubber Ducky (USB橡皮鸭)发展过来的HID攻击方式.USB Rubber Ducky是从201 ...

  7. Swift3.0语言教程获取字符

    Swift3.0语言教程获取字符 Swift3.0语言教程获取字符,在字符串中获取某一下标位置(下标索引)处的字符是很常见的功能,在NSString中使用character(at:)方法实现,其语法形 ...

  8. [xsd学习]xsd基本要素

    一.xsd常用数据格式 xs:string xs:decimal xs:integer xs:boolean xs:date xs:time 二.简易元素 <xs:element name=&q ...

  9. 20145223《Java程序程序设计》第3周学习总结

    20145223 <Java程序设计>第3周学习总结 教材学习内容总结 第四章内容 1.类与对象 如何定义一个包含有几个值域(Field成员)就是需要我们定义一个类(Class),书上给的 ...

  10. Rectangle(csu)

    Description Now ,there are some rectangles. The area of these rectangles is 1* x or 2 * x ,and now y ...