javascript分页

function f_showPage() {
        var pageHtml = ‘‘;

if (currentGroup > 0) {
            pageHtml = pageHtml
                    + "<a href=‘javascript:gridMainPreGroup()‘>&lt;&lt</a> ";
        }
        else
       {
            pageHtml = pageHtml
            + "<a>&lt;&lt</a> ";
       }
        if (currentPage > 1) {
            pageHtml = pageHtml
                    + "<a href=‘javascript:gridMainPrePage()‘>&lt</a>"
        }
        else
           {
                pageHtml = pageHtml
                + "<a>&lt</a> ";
           }

var pageNum = currentGroup * 9 + 1;

for ( var i = 0; i < 9; i++) {

if (pageNum == currentPage) {
                    pageHtml = pageHtml
                            + "<a class=\"current\" href=‘javascript:gridMainChangePage("
                            + pageNum + ")‘>" + pageNum + "</a>"
                } else {
                    pageHtml = pageHtml
                            + "<a href=‘javascript:gridMainChangePage("
                            + pageNum + ")‘>" + pageNum + "</a>"
                }
                
            pageNum++;

}

pageHtml = pageHtml
                    + "<a href=‘javascript:gridMainNextPage()‘>&gt;</a>"
    
            pageHtml = pageHtml
                    + "<a href=‘javascript:gridMainNextGroup()‘>&gt;&gt;</a>"

$("#page").html(pageHtml);

}
    
    function f_showBadPage() {
        var pageHtml = ‘‘;

pageHtml = pageHtml
            + "<a>&lt;&lt</a> ";
      
            pageHtml = pageHtml
                + "<a>&lt</a> ";

var pageNum = currentGroup * 9 + 1;
        
        for ( var i = 0; i < 9; i++) {

if (pageNum == currentPage) {
                    pageHtml = pageHtml
                            + "<a class=\"current\">" + pageNum + "</a>"
                } else {
                    pageHtml = pageHtml
                            + "<a>" + pageNum + "</a>"
                }
                
            pageNum++;

}

pageHtml = pageHtml
                    + "<a>&gt;</a>"
    
            pageHtml = pageHtml
                    + "<a>&gt;&gt;</a>"

$("#page").html(pageHtml);

}

function gridMainPreGroup() {
        if(currentGroup > 0)
        {
            lastGroup = currentGroup;
            lastPage = currentPage;
            currentGroup = currentGroup - 1;
            currentPage = currentGroup * 9 + 1;
        }
        f_showBadPage();
        var parms = gridMain.get(‘parms‘);
        parms.page = currentPage;
        parms.pagesize = 30;
        gridMain.set(‘parms‘, parms);
        gridMain.loadData();
        
    }

function gridMainPrePage() {
        lastGroup = currentGroup;
        lastPage = currentPage;
        currentPage = currentPage - 1;
        if (currentPage < currentGroup * 9 + 1) {
            if (currentGroup > 0) {
                currentGroup = currentGroup - 1;
            }
        }
        f_showBadPage();
        var parms = gridMain.get(‘parms‘);
        parms.page = currentPage;
        parms.pagesize = 30;
        gridMain.set(‘parms‘, parms);
        gridMain.loadData();
    }

function gridMainChangePage(page) {
        lastGroup = currentGroup;
        lastPage = currentPage;
        currentPage = page;
        f_showBadPage();
        var parms = gridMain.get(‘parms‘);
        parms.page = currentPage;
        parms.pagesize = 30;
        gridMain.set(‘parms‘, parms);
        gridMain.loadData();
    }

function gridMainNextGroup() {
        lastGroup = currentGroup;
        lastPage = currentPage;
        currentGroup = currentGroup + 1;
        currentPage = currentGroup * 9 + 1;
        f_showBadPage();
        var parms = gridMain.get(‘parms‘);
        parms.page = currentPage;
        parms.pagesize = 30;
        gridMain.set(‘parms‘, parms);
        gridMain.loadData();
    }

function gridMainNextPage() {
        lastGroup = currentGroup;
        lastPage = currentPage;
        currentPage = currentPage + 1;
        if (currentPage > currentGroup * 9 + 9) {
            currentGroup = currentGroup + 1;
        }
        f_showBadPage();
        var parms = gridMain.get(‘parms‘);
        parms.page = currentPage;
        parms.pagesize = 30;
        gridMain.set(‘parms‘, parms);
        gridMain.loadData();

}

时间: 2024-11-10 07:26:38

javascript分页的相关文章

javascript 分页组件

原文:javascript 分页组件 自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id. html结构如下: <ul class="pagination" id="pageDIV"> </ul> class="pagination" 给定了分页的样式, id="pageDIV"用于放置JS生成的分页 CSS结构如下: .pagina

自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分页插件已经有比较成熟的了,那就自己试着写一个前台分页吧. 话不多说,先上效果图: 优点与缺点 来说说优缺点吧,首先AspNetPager是后台分页控件,所以在向客户端回传HTML文档之前生成HTML阶段 就会把分页代码生成完毕,然后回传,而JS是前端代码,就是HTML文档在服务器组织完毕往客户端传送

javascript实例学习之四——javascript分页

话不多少,直接上代码 html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript分页效果</title> <style> a{margin-right:5px;} </style> </head> <body> <div id

封装javascript分页插件——可以使用的测试版(β版)

上一篇测试版的代码我们发现了很多问题,在这一版本中我们将解决.上一版的连接地址:封装javascript分页插件——测试版 最主要的就是修改核心方法: function initTag() { pageModel.$element.html("") var pageTagDynamic = ""; if (pageModel.pageCountTag >= pageModel.pageCount) { pageModel.pageCountTag = page

一个通用的JavaScript分页

1.JavaScript代码 Java代码   Pagination=function(id) { var totalNum=0; var maxNum=10; var pageUrl=""; var breakpage = 5; var currentposition = 0; var breakspace = 2; var maxspace = 4; var currentpage=1; var perpage=10; var id =id; this.initPage = fun

动手编写插件-javascript分页插件

原来公司用的报表分页插件是C#编写的服务器插件,需要前后台交互,而且不支持ajax. 经过一段时间折腾,我编写了一个轻便的jquery分页插件,支持ajax.下面是插件代码 /* 插件名称:报表分页 作者:Keven 调用方法: 1.在html报表下面增加<div class="pageInfo"></div> 2. javascript代码 $(".pageInfo").PageInit(); 3.定义函数setResult,把json数据

javascript分页显示

//根据条件查找数据 list = Stdqj.FindAll(where, "ID desc", "", (pageindex - 1) * 15, 15); // 根据list查找的条件,查找list的总数(count) ViewBag.total = Stdqj.FindCount(where); //在传递参数中传递pageindex //获取当前pageindex的值 ViewBag.pageindex = pageindex; } return View

jstl标签怎么实现分页中下一页

<script type="text/javascript">           //分页按钮处理        function goPageAction(page){        var form = document.getElementById(        "searchForm");        form.action = "accountSearch.action?page="+page;        form

JQuery Pagination 分页插件 增加了首页尾页以及跳转功能

JQuery分页插件 挺好用的 但是官方是没有提供首页尾页以及跳转功能 我觉得这个功能可以有,于是就改进了一下 一个js一个css从连接里面下 链接:http://pan.baidu.com/s/1nvaq99R 密码:9nfb 上效果图: 页面代码 <script type="text/javascript"> //分页查询开始 $(document).ready(function() { getDataList(0, null); }); var rows = 10;