/pagination

Primary LanguageJavaScript

使用说明

import pagination from 'pagination'; 
pagination(container, options);

参数说明

container

承载分页的dom元素。

options

包括以下内容:

total_items

总的数据条目数。

items_per_page

每页所展示的条目数,默认10。

current

初始化页码组件时选中的页码,默认是1。在设置时请与page_index的设置方式保持一致。

page_index

页码起始序号(类似数组下标),只能是0或1,默认是1。

num_pages

最多能显示的页码数, 默认是5。

first_text

指定首页文字,默认值为1。传入null值表示不显示首页按钮。

last_text

指定尾页文字,默认值为{{total_pages}}。传入null值表示不显示尾页按钮。

ellipse_text

页码省略显示的文本内容,默认...

prev_text

前一页按钮的文本内容,默认<

next_text

下一页按钮的文本内容,默认>

link_to

设置页码的href值,默认为{{page_number}}, 当href中包含{{page_number}}时,会替换{{page_number}}为对应的页码数。

callback(event, index)

点击页码后的回调函数,以加载新的内容等。该回调函数需要两个参数:

  1. event

    例如用于阻止点击后的默认行为 event.preventDefault();

  2. index

    新的页码

load_first_page

true则初始化组件后调用callback(event, index),默认false

style_prefix

用于指定样式类名的前缀,默认为pagination

返回值

返回值包含以下方法:

getStatus()

返回值:

{
    current, //当前页
    total_items, //总条目数
    total_pages //总页数
}

go(index)

跳转到参数index所指定的页码数。