zoukankan      html  css  js  c++  java
  • jquery自动生成分页控件

    /*
    
    pagenum:当前页数
    theallnum:总条数
    themeiye:每页显示多少条
    
    */
    
    function pagetest(pagenum, theallnum, themeiye) {
        $("#pages").html("");
        var allnum = theallnum; //总页数
        var meiye = themeiye; //每页显示条数
        var xsnumber = 6;
        var cjnum = Math.ceil(allnum / meiye);
        var str = "";
        var activepage = pagenum;
        var prevpage = parseInt(activepage) - 1;
        var nextpage = parseInt(activepage) + 1;
    
    
        if (activepage != 1) {
            str = '<a data-href="' + prevpage + '">上一页</a>'
        }
        if (cjnum > 6) {
            if (pagenum > 3) {
                if (pagenum + 2 < cjnum) {
                    for (var i = pagenum - (xsnumber - 4) ; i <= pagenum + (xsnumber - 4) ; i++) {
                        loadpage(i);
                    }
                    str += "...";
                    str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
                }
                else {
                    for (var j = 1; j <= activepage - (cjnum - (xsnumber - 3)) ; j++) {
                        loadpage(j);
                    }
                    str += '<span>...</span>';
                    for (var i = activepage - 2; i <= cjnum; i++) {
                        loadpage(i);
                    }
                }
            }
            else {
                for (var i = 1; i < xsnumber; i++) {
                    loadpage(i);
                }
                str += '<span>...</span>';
                str += '<a data-href="' + cjnum + '">' + cjnum + '</a>';
            }
    
            if (activepage != cjnum) {
                str += '<a data-href="' + nextpage + '">下一页</a>'
            };
            $("#pages").append(str);
        }
        else {
            for (var i = 1; i <= cjnum; i++) {
                loadpage(i);
            }
            if (activepage != cjnum) {
                str += '<a data-href="' + nextpage + '">下一页</a>'
                console.log(nextpage)
            };
            $("#pages").append(str);
            //countMaxH();
        }
        function loadpage(i) {
            i == activepage ? str += '<a class="active" data-href="' + i + '">' + i + '</a>' : str += '<a data-href="' + i + '">' + i + '</a>';
        }
    
    };
  • 相关阅读:
    BZOJ2738 矩阵乘法
    BZOJ3585 mex
    BZOJ1930 [Shoi2003]pacman 吃豆豆
    BZOJ3858 Number Transformation
    vue2.0学习小列子
    vue2.0 tab切换几种方式
    github学习
    只有自己看的懂的vue 二叉树的3级联动
    vuex学习
    vue2.0 MintUI安装和基本使用
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/4235501.html
Copyright © 2011-2022 走看看