代码演示

基本形式

<jr-pager current=3 sumTotal=200 pageSize=5 />

总条数展示设置一

<jr-pager current=3 sumTotal=200 pageSize=5 isEllipsis={true} />

总条数展示设置二

<jr-pager current=3 sumTotal=200 pageSize=5 maxTotal=100 />

位置

<jr-pager pageSize=20 current=6 total=11 position="left" lang="en-US" />
<jr-pager pageSize=20 current=6 total=11 position="center" />
<jr-pager current=6 total=11 position="right" />

显示数目

<jr-pager current=6 total=11 middle=3 side=1 />

禁用组件

<jr-pager current=6 total=11 disabled />

API

Classes

JRPager

Constants

Component

JRPager 分页

Functions

config()
select(page) 选择某一页(page) ⇒ void

Events

“select 选择某一页时触发”

JRPager

Kind: global class
Extend: Component

new JRPager()

Param Type Default Description
[options.data] object = 绑定属性
[options.data.current] number 1 <=> 当前页
[options.data.total] number 0 => 总页数
[options.data.sumTotal] number 0 => 总个数
[options.data.pageSize] number 20 => 每页个数
[options.data.position] string "center" => 分页的位置，可选参数：center、left、right
[options.data.middle] number 5 => 当页数较多时，中间显示的页数
[options.data.side] number 2 => 当页数较多时，两端显示的页数
[options.data.step] number 5 => 每页条数选择步长
[options.data.maxPageSize] number 50 => 最大可设置的每页条数
[options.data.readonly] boolean false => 是否只读
[options.data.disabled] boolean false => 是否禁用
[options.data.visible] boolean true => 是否显示
[options.data.isEllipsis] boolean false => 是否展示位总条数+
[options.data.maxTotal] number => 总条数超过maxTotal条数时，展示为maxTotal+条数
[options.data.class] string => 补充class

Component

JRPager 分页

Kind: global constant

Author: sensen(rainforest92@126.com)

config()

Kind: global function
Access: protected

select(page) 选择某一页(page) ⇒ void

Kind: global function
Access: public

Param Type Description
page object 选择页

“select 选择某一页时触发”

Kind: event emitted
Properties

Name Type Description
sender object 事件发送对象
current object 当前选择页
← 两级菜单 菜单栏 →