使用说明
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)
点击页码后的回调函数,以加载新的内容等。该回调函数需要两个参数:
-
event
例如用于阻止点击后的默认行为
event.preventDefault();
-
index
新的页码
load_first_page
为true
则初始化组件后调用callback(event, index)
,默认false
。
style_prefix
用于指定样式类名的前缀,默认为pagination
。
返回值
返回值包含以下方法:
getStatus()
返回值:
{
current, //当前页
total_items, //总条目数
total_pages //总页数
}
go(index)
跳转到参数index
所指定的页码数。