Javascript jqgrid数字分页_Javascript_Jquery_User Interface_Jqgrid_Frontend

Javascript jqgrid数字分页

javascript jquery user-interface jqgrid

Javascript jqgrid数字分页,javascript,jquery,user-interface,jqgrid,frontend,Javascript,Jquery,User Interface,Jqgrid,Frontend,我需要帮助修改blow代码，这是我在jqgrid分页中需要的：第一视图：第1页，共106页（106项） function BuildGroupedPagination(current_page, total_pages, gridId) { var strPages = ""; var intMaxPages = 0; var intMinPages = 0; var intPaginI = 0; var li; var link; var myPageRefresh = function

我需要帮助修改blow代码，这是我在jqgrid分页中需要的：

第一视图：第1页，共106页（106项）<[1]23 4 5 6 7…104 105 106>

function BuildGroupedPagination(current_page, total_pages, gridId) {
var strPages = "";
var intMaxPages = 0;
var intMinPages = 0;
var intPaginI = 0;
var li;
var link;

var myPageRefresh = function (e) {
    var newPage = $(e.target).text();
    $("#" + gridId).trigger("reloadGrid", [{ page: newPage }]);
    e.preventDefault();
};

//var custom_pager = $('<ul>', { 'class': 'pageMiddle' });
var custom_pager = $('<ul>', { 'id': 'custom_pager', 'class': 'clearfix' });

if (total_pages > 10) {
    if (total_pages > 3) {
        intMaxPages = 3;
    }
    else {
        intMaxPages = total_pages;
    }

    for (intPaginI = 1; intPaginI <= intMaxPages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }

    if (total_pages > 3) {
        if ((current_page > 1) && (current_page < total_pages)) {
            if (current_page > 5) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }

            if (current_page > 4) {
                intMinPages = current_page;
            }
            else {
                intMinPages = 5;
            }

            if (current_page < total_pages - 4) {
                intMaxPages = current_page;
            }
            else {
                intMaxPages = total_pages - 4;
            }

            for (intPaginI = intMinPages - 1 ; intPaginI <= intMaxPages + 1; intPaginI++) {
                link = jQuery('<a>', { href: '#', click: myPageRefresh });
                link.text(String(intPaginI));

                if (intPaginI == current_page) {
                    current = 'current_page';
                }
                else {
                    current = '';
                }

                li = jQuery('<li>', { id: current }).append(link);

                jQuery(custom_pager).append(li);
            }

            if (current_page < total_pages - 4) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }
        }
        else {
            li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
            jQuery(custom_pager).append(li);
        }

        for (intPaginI = total_pages - 2; intPaginI <= total_pages; intPaginI++) {
            link = jQuery('<a>', { href: '#', click: myPageRefresh });
            link.text(String(intPaginI));

            if (intPaginI == current_page) {
                current = 'current_page';
            }
            else {
                current = '';
            }

            li = jQuery('<li>', { id: current }).append(link);

            jQuery(custom_pager).append(li);
        }
    }
}
else {
    for (intPaginI = 1; intPaginI <= total_pages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }
}
return custom_pager;}

第二种观点：第7页，共106页（106项）<1 2 3…6[7]8 9…104 105 106>

function BuildGroupedPagination(current_page, total_pages, gridId) {
var strPages = "";
var intMaxPages = 0;
var intMinPages = 0;
var intPaginI = 0;
var li;
var link;

var myPageRefresh = function (e) {
    var newPage = $(e.target).text();
    $("#" + gridId).trigger("reloadGrid", [{ page: newPage }]);
    e.preventDefault();
};

//var custom_pager = $('<ul>', { 'class': 'pageMiddle' });
var custom_pager = $('<ul>', { 'id': 'custom_pager', 'class': 'clearfix' });

if (total_pages > 10) {
    if (total_pages > 3) {
        intMaxPages = 3;
    }
    else {
        intMaxPages = total_pages;
    }

    for (intPaginI = 1; intPaginI <= intMaxPages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }

    if (total_pages > 3) {
        if ((current_page > 1) && (current_page < total_pages)) {
            if (current_page > 5) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }

            if (current_page > 4) {
                intMinPages = current_page;
            }
            else {
                intMinPages = 5;
            }

            if (current_page < total_pages - 4) {
                intMaxPages = current_page;
            }
            else {
                intMaxPages = total_pages - 4;
            }

            for (intPaginI = intMinPages - 1 ; intPaginI <= intMaxPages + 1; intPaginI++) {
                link = jQuery('<a>', { href: '#', click: myPageRefresh });
                link.text(String(intPaginI));

                if (intPaginI == current_page) {
                    current = 'current_page';
                }
                else {
                    current = '';
                }

                li = jQuery('<li>', { id: current }).append(link);

                jQuery(custom_pager).append(li);
            }

            if (current_page < total_pages - 4) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }
        }
        else {
            li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
            jQuery(custom_pager).append(li);
        }

        for (intPaginI = total_pages - 2; intPaginI <= total_pages; intPaginI++) {
            link = jQuery('<a>', { href: '#', click: myPageRefresh });
            link.text(String(intPaginI));

            if (intPaginI == current_page) {
                current = 'current_page';
            }
            else {
                current = '';
            }

            li = jQuery('<li>', { id: current }).append(link);

            jQuery(custom_pager).append(li);
        }
    }
}
else {
    for (intPaginI = 1; intPaginI <= total_pages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }
}
return custom_pager;}

第三种观点：第101页，共106页（106项）<1 2 3…100[101]102 103 104 105 106>

function BuildGroupedPagination(current_page, total_pages, gridId) {
var strPages = "";
var intMaxPages = 0;
var intMinPages = 0;
var intPaginI = 0;
var li;
var link;

var myPageRefresh = function (e) {
    var newPage = $(e.target).text();
    $("#" + gridId).trigger("reloadGrid", [{ page: newPage }]);
    e.preventDefault();
};

//var custom_pager = $('<ul>', { 'class': 'pageMiddle' });
var custom_pager = $('<ul>', { 'id': 'custom_pager', 'class': 'clearfix' });

if (total_pages > 10) {
    if (total_pages > 3) {
        intMaxPages = 3;
    }
    else {
        intMaxPages = total_pages;
    }

    for (intPaginI = 1; intPaginI <= intMaxPages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }

    if (total_pages > 3) {
        if ((current_page > 1) && (current_page < total_pages)) {
            if (current_page > 5) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }

            if (current_page > 4) {
                intMinPages = current_page;
            }
            else {
                intMinPages = 5;
            }

            if (current_page < total_pages - 4) {
                intMaxPages = current_page;
            }
            else {
                intMaxPages = total_pages - 4;
            }

            for (intPaginI = intMinPages - 1 ; intPaginI <= intMaxPages + 1; intPaginI++) {
                link = jQuery('<a>', { href: '#', click: myPageRefresh });
                link.text(String(intPaginI));

                if (intPaginI == current_page) {
                    current = 'current_page';
                }
                else {
                    current = '';
                }

                li = jQuery('<li>', { id: current }).append(link);

                jQuery(custom_pager).append(li);
            }

            if (current_page < total_pages - 4) {
                li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
                jQuery(custom_pager).append(li);
            }
        }
        else {
            li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
            jQuery(custom_pager).append(li);
        }

        for (intPaginI = total_pages - 2; intPaginI <= total_pages; intPaginI++) {
            link = jQuery('<a>', { href: '#', click: myPageRefresh });
            link.text(String(intPaginI));

            if (intPaginI == current_page) {
                current = 'current_page';
            }
            else {
                current = '';
            }

            li = jQuery('<li>', { id: current }).append(link);

            jQuery(custom_pager).append(li);
        }
    }
}
else {
    for (intPaginI = 1; intPaginI <= total_pages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }
}
return custom_pager;}

函数BuildGroupedPagination（当前页面、总页面、gridId）{
var strPages=“”；
var intMaxPages=0；
var intMinPages=0；
var intPaginI=0；
李华；
var-link；
var myPageRefresh=函数（e）{
var newPage=$（e.target）.text（）；
$（“#”+gridId）.trigger（“reloadGrid”，[{page:newPage}]）；
e、 预防默认值（）；
};
//var custom_pager=$（“”，{'class'：'pageMiddle'}）；
var custom_pager=$（“”，{'id'：'custom_pager'，'class'：'clearfix'}）；
如果（总页数>10页）{
如果（总页数>3页）{
intMaxPages=3；
}
否则{
intMaxPages=总页数；
}
对于（intPaginI=1；intPaginI 3）{
如果（（当前页面>1）和&（当前页面<总页面））{
如果（当前页面>5）{
li=jQuery（“”，{'class'：'pageMiddle'}）；
jQuery（自定义分页器）.append（li）；
}
如果（当前页面>4）{
intMinPages=当前页面；
}
否则{
intMinPages=5；
}
如果（当前页面<总页面-4）{
intMaxPages=当前页面；
}
否则{
intMaxPages=总页数-4页；
}
对于（intPaginI=intMinPages-1；intPaginIBlow）是我的问题的代码，如果我在这个逻辑代码或更短的方式中犯了任何错误，请更正它
if (total_pages > 10) {

    if (current_page < 7) {
        intMaxPages = 7;
    }
    else {
        intMaxPages = 3;
    }

    for (intPaginI = 1; intPaginI <= intMaxPages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI));

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);

        jQuery(custom_pager).append(li);
    }

    li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
    jQuery(custom_pager).append(li);

    if (current_page > 6 && current_page < total_pages - 6) {
        for (intPaginI = current_page - 1 ; intPaginI <= current_page + 2; intPaginI++) {
            link = jQuery('<a>', { href: '#', click: myPageRefresh });
            link.text(String(intPaginI));

            if (intPaginI == current_page) {
                current = 'current_page';
            }
            else {
                current = '';
            }

            li = jQuery('<li>', { id: current }).append(link);

            jQuery(custom_pager).append(li);
        }

        li = jQuery('<li>', { 'class': 'pageMiddle' }).append('...');
        jQuery(custom_pager).append(li);
    }
    if (current_page >= total_pages - 6) {
        intMaxPages = total_pages - 6;
    }
    else {
        intMaxPages = total_pages - 2;
    }

    for (intPaginI = intMaxPages; intPaginI <= total_pages; intPaginI++) {
        link = jQuery('<a>', { href: '#', click: myPageRefresh });
        link.text(String(intPaginI))

        if (intPaginI == current_page) {
            current = 'current_page';
        }
        else {
            current = '';
        }

        li = jQuery('<li>', { id: current }).append(link);
        jQuery(custom_pager).append(li);
    }
}

if（总页数>10页）{
如果（当前页面<7）{
intMaxPages=7；
}
否则{
intMaxPages=3；
}
对于（intPaginI=1；intPaginI 6和当前页面<总页面-6）{
对于（intPaginI=当前页面-1；intPaginI=总页面-6）{
intMaxPages=总页数-6页；
}
否则{
intMaxPages=总页数-2；
}
对于（intPaginI=intMaxPages；intPaginI