继承
LocaleBase
用法
<Panel bodyStyle={{ padding: 20 }}
footer={() => (
<Pagination
{...this.state}
onPageChange={event => this.setState(event)}
/>
)}
>
<p>Total: {total}</p>
<p>Page Number: {pageNumber}</p>
<p>Page Size: {pageSize}</p>
</Panel>
属性
名称 | 类型 | 描述 | 默认 |
---|---|---|---|
pageList | number[] | 定义可以更改多少大小。 | [10,20,30,40,50] |
loading | boolean | 定义是否正在加载数据。 | false |
showPageList | boolean | 定义是否显示页列表。 | true |
showPageInfo | boolean | 定义是否显示页面信息。 | true |
showPageRefresh | boolean | 定义是否显示刷新按钮。 | true |
links | number | 链接按钮。 | 10 |
beforePageText | string | 在输入组件之前显示一个标签。 | Page |
afterPageText | string | 在输入组件之后显示一个标签。 | of {pages} |
displayMsg | string | 显示页面信息。 | Displaying {from} to {to} of {total} items |
layout | string[] | 分页布局定义,可选值是:'list','sep','first','prev','sep','tpl','sep','next','last','sep','refresh','info','links'. | ['first','prev','links','next','last','refresh'] |
pageNumber | number | 初始化页码。 | 1 |
pageSize | number | 初始化页面大小。 | 10 |
total | number | 初始化总记录数。 | 0 |
事件
名称 | 参数 | 描述 |
---|---|---|
onPageChange | {pageNumber,pageSize} | 更改页面时触发。 |