bootstrappaginator分页插件实现分页的使用

微信公众号：51 码农网
专业编程问答社区
www.51manong.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…