说明
CurrentPage 与 PageChanged 双向绑定,ShowSizeChanger 开启每页条数切换。
常见能力:
- 页码省略
- 每页条数
- 总数信息
- 首尾页
用法
<Pagination Total="@total" PageSize="20" @bind-CurrentPage="@page" ShowSizeChanger="true" />
API 参数
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
CurrentPage |
int |
1 |
当前页码(1 基)。 |
CurrentPageChanged |
EventCallback<int> |
— | 事件 |
LeftContent |
RenderFragment |
null |
分页器左侧插槽内容,供使用者自定义(如批量操作、统计等);为空时右侧控件组仍整体右对齐。 |
MaxButtons |
int |
7 |
最多显示的页码按钮数量(0 表示不限)。 |
PageChanged |
EventCallback<int> |
— | 事件 页码变化回调。 |
PageSize |
int |
0 |
每页条数。留默认(0)时取「系统设置 · 列表默认分页大小」;显式传入则以其为准。 |
PageSizeChanged |
EventCallback<int> |
— | 事件 每页条数变化回调。 |
PageSizes |
Int32[] |
Int32[] |
可选每页条数。 |
ShowInfo |
bool |
true |
|
ShowSizeChanger |
bool |
false |
|
Total |
int |
0 |
总条数。 |
Visible |
bool |
true |
取得或设置组件是否可见,默认为false。 |
VisibleChanged |
EventCallback<bool> |
— | 事件 取得或设置组件可见性变化时的回调事件。 |
Class |
string |
null |
取得或设置组件的CSS类名,用于自定义样式。 |
Disabled |
bool |
false |
取得或设置组件是否禁用,默认为false。 |
Style |
string |
null |
取得或设置组件的内联样式,用于自定义样式。 |
所有组件均继承
BaseComponent,除上表参数外还支持Class、Style、Disabled、Visible。
扫码关注公众号
扫码加入 QQ 群