您的位置:首页 > Web前端 > BootStrap

bootstrap分页

2016-03-10 09:02 519 查看
js页面:

$(function(){

    var pageitem = 20;

    var isfirstload = true;

    function initPagination(count){

        var num_entries = 0;

        if(null == count){

            num_entries = $("#count").val();

            if(null == num_entries){

                num_entries = 0;

            }else{

                totalcount = num_entries;

            }

        }else{

            num_entries = count;

        }

        if(num_entries==0){

            return;

        }

           var currentpage = $("#currentpage").val();

        if(null==currentpage||""==currentpage){

            currentpage=0;//当显示第一页时

        }

        $("#Pagination").pagination(num_entries,{

            num_edge_entries:3,//边缘显示页数

            num_display_entries:8,//主体显示页数

            current_page:currentpage,

            callback:pageselectCallback,

            items_per_page:pageitem,//每页显示条数

            prev_text:"上一页",

            next_text:"下一页"

        });

    };

    function pageselectCallback(page_index,jq){

        if(isfirstload){

            isfirstload = false;

            return;

        }

        window.location.href="myorders?currentpage="+page_index+"&count="+totalcount+"&pageitem="+pageitem;

    }

    initPagination();

})

html页面加上:

<div class="t_center" style="text-align:center">

    <div id="Pagination" class="pagination" ></div>

</div>

后台:

需要传给后台当前页,每页显示数,总数量,第一次查询时设置好,并且返回
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: