bootstrap-paginator分页插件实现分页的使用

微信公众号：爱问CTO
专业编程问答社区
www.askcto.com

1.在页面引入bootstrap-paginator.js

<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap-paginator.js"></script>

jquery必须要1.8版本以上。

2.写上下面的代码

<div id="page" >
    <script type="text/javascript">
       var totalpages=${pageBeanSearch.totalPage };
       var searchForm=${pageBeanSearch.searchForm};
       var  currentPage =${pageBeanSearch.currentPage };
        $(function(){
            var options={
                bootstrapMajorVersion:1,    //版本
                currentPage:currentPage,    //当前页数
                numberOfPages:5,    //最多显示Page页
                totalPages:totalpages,    //所有数据可以显示的页数
                pageUrl: function(type, page, current){
                    if (page==current) {
                        return "javascript:void(0)";
                    } else {
                        return "${pageContext.request.contextPath }/navigationSearchFormServlet?currentPage="+page+"&searchForm="+searchForm
                    }
                }

            }
            $("#page").bootstrapPaginator(options);
        })
    </script>

3.附上bootstrap-paginator.jsx下载地址:https://github.com/lyonlai/bo...