/**

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. javascript概述

    在我们进行javascript视频的时候,第一集,看到的学习要点: 1.什么是javascript?         a.一种具有面向对象能力的.解释型的程序设计语言(直接读取运行,而非编译型)   ...

  2. html5 head头标签

    桌面端开发中,meta标签通常用来为搜索引擎优化(SEO)及 robots定义页面主题,或者是定义用户浏览器上的cookie:它可以用于鉴别作者,设定页面格式,标注内容提要和关键字:还可以设置页面使其 ...

  3. 【File】递归删除文件夹中子级文件/夹,并删除文件夹

    今天有这样一个需求,需要删除某一个文件夹,但是文件夹中还有子级的文件 或者还可能会有文件夹在里面,所以就需要使用一个简单的递归才能将文件夹删除成功,包括文件夹中的子级文件/夹.!!! 其实很简单,就一 ...

  4. LoadRunner中截取字符串

    LoadRunner中截取字符串 /*strchr和strrchr的区别*/ char *strTest1="citms citms"; char *strTest2,*strTe ...

  5. Android Manifest 权限描述大全

    权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permis ...

  6. HTML5 重要标签以及属性学习

    1.一个标签可以有多个,class=“A B C ” 效果: 2.padding的扩展:当padding的值是正的时候,元素显示的大小会变大:当padding的值是负的时候,元素显示的大小会变小 pa ...

  7. Chrome DevTools的15个使用技巧【转载】

    1.快速文件转换 2.在源代码中搜索 3.跳到特定行 4.在控制台中选择元素 5.使用多个光标和选择 6.保存日志 7.格式化打印{} 8.设备模式 9.设备仿真传感器 10.颜色选择器 11.强制元 ...

  8. Eclipse 的 Debug 介绍与技巧【转载】

    没有任何程序员能够一气呵成的写出没有任何 Bug 的代码,所以很多程序员有相当一部分时间是花费在 Debug 上的,程序调试是每个程序员必须面对的工作.如何使用 Eclipse 进行有效的.尤其是高效 ...

  9. Ajax实现点击省份显示相应城市

    功能:不用级联效果,自己写ajax,从接口读取省份城市数据,实现点击省份显示相应城市.后端根据省份ID,给前端返回城市. 一.DOM结构(套用blade模板) <div class=" ...

  10. ReportNg 测试报告的定制修改【转】

    前言 前段时间在Testerhome上面看到了测试报告生成系列之-------如何用 testNG 生成测试报告 简单的描述了一些测试报告的生成,接着有人在评论中回复说可以针对reportNg的测试报 ...