分页组件

本节主要介绍框架的分页组件。

处理方式及参数位置参见前一节：字段排序。

分页组件通常放置在页脚中div[class="bjui-footBar"]。

分页组件不包含调整页大小参数，如需要调整页大小，需要如下代码：

                    <div class="pages">
                        <span>每页 </span>
                        <div class="selectPagesize">
                            <select data-toggle="selectpicker" data-toggle-change="changepagesize">
                                <option value="5">5</option>
                                <option value="30">30</option>
                                <option value="60">60</option>
                                <option value="100">100</option>
                            </select>
                        </div>
                        <span> 条，共 10 条</span>
                    </div>
                

初始化

• Data属性：div添加属性data-toggle="pagination"，添加Class[ pagination-box ]。
  DOM示例：　打开分页演示
  

  示例代码：分页组件默认右浮动，若要左浮动需添加Class[ pull-left ]

                          <div class="pagination-box" data-toggle="pagination" data-total="10" data-page-size="5" data-page-current="1"></div>
                      

• jQuery API：

                          $(div).pagination(options)
                      

参数（options）

名称	类型	默认值	描述
total	int	0	[必选] 总记录数。
pageSize	int	10	[可选] 页大小(每页记录数)。
pageCurrent	int	1	[可选] 当前页。
pageNum	int	10	[可选] 显示的数字页码个数。