代码演示

基本形式

分页 pager - 图1

  1. <pager current=3 sumTotal=200 pageSize=5 />

总条数展示设置一

分页 pager - 图2

  1. <pager current=3 sumTotal=200 pageSize=5 isEllipsis={true} />

总条数展示设置二

分页 pager - 图3

  1. <pager current=3 sumTotal=200 pageSize=5 maxTotal=100 />

位置

分页 pager - 图4

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

显示数目

分页 pager - 图5

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

禁用组件

分页 pager - 图6

  1. <pager current=6 total=11 disabled />

API

Classes

Members

Pager 分页

Functions

Events

Pager

Kind: global classExtend: Component

new Pager()

ParamTypeDefaultDescription
[options.data]object= 绑定属性
[options.data.current]number1<=> 当前页
[options.data.total]number0=> 总页数
[options.data.sumTotal]number0=> 总个数
[options.data.pageSize]number20=> 每页个数
[options.data.position]string"center"=> 分页的位置，可选参数：center、left、right
[options.data.middle]number5=> 当页数较多时，中间显示的页数
[options.data.side]number2=> 当页数较多时，两端显示的页数
[options.data.step]number5=> 每页条数选择步长
[options.data.maxPageSize]number50=> 最大可设置的每页条数
[options.data.readonly]booleanfalse=> 是否只读
[options.data.disabled]booleanfalse=> 是否禁用
[options.data.visible]booleantrue=> 是否显示
[options.data.isEllipsis]booleanfalse=> 是否展示位总条数+
[options.data.maxTotal]number=> 总条数超过maxTotal条数时，展示为maxTotal+条数
[options.data.class]string=> 补充class

Component

Pager 分页

Kind: global variable

Author: sensen(rainforest92@126.com)

config()

Kind: global functionAccess: protected

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

Kind: global functionAccess: public

ParamTypeDescription
pageobject选择页

“select 选择某一页时触发”

Kind: event emittedProperties

NameTypeDescription
senderobject事件发送对象
currentobject当前选择页