选择器
eui-pagination
继承
无
用法
<eui-panel [bodyStyle]="{padding:'20px'}">
<p>Total: {{total}}</p>
<p>Page Number: {{pageNumber}}</p>
<p>Page Size: {{pageSize}}</p>
<eui-panel-footer>
<eui-pagination [total]="total" [pageSize]="pageSize" [pageNumber]="pageNumber" (pageChange)="onPageChange($event)"></eui-pagination>
</eui-panel-footer>
</eui-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 | 显示页面信息。 | 显示{total}项的{from} to {to} |
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 |
事件
名称 | 参数 | 描述 |
---|---|---|
pageChange | pageNumber:number, pageSize:number | 当页面更改时触发。 |