mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 20:18:03 +08:00
60 lines
3.1 KiB
Markdown
60 lines
3.1 KiB
Markdown
---
|
||
title: PaginationWrapper 分页容器
|
||
description:
|
||
type: 0
|
||
group: ⚙ 组件
|
||
menuName: PaginationWrapper
|
||
icon:
|
||
order: 59
|
||
---
|
||
|
||
分页容器组件，可以用来对已有列表数据做分页处理。
|
||
|
||
- 输入：默认读取作用域中的 items 变量，如果是其他变量名请配置 `inputName`。
|
||
- 输出：经过分页处理后会把分页后的数据下发给 `outputName` （默认也是 items）对应的数据。
|
||
|
||
```schema: scope="body"
|
||
{
|
||
"type": "service",
|
||
"api": "https://3xsw4ap8wah59.cfc-execute.bj.baidubce.com/api/amis-mock/mock2/crud/table",
|
||
"body": [
|
||
{
|
||
"type": "pagination-wrapper",
|
||
"inputName": "rows",
|
||
"outputName": "rows",
|
||
"perPage": 2,
|
||
"body": [
|
||
{
|
||
"type": "table",
|
||
"title": "分页表格",
|
||
"source": "${rows}",
|
||
"columns": [
|
||
{
|
||
"name": "engine",
|
||
"label": "Engine"
|
||
},
|
||
{
|
||
"name": "version",
|
||
"label": "Version"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
```
|
||
|
||
## 属性表
|
||
|
||
| 属性名 | 类型 | 默认值 | 说明 |
|
||
| ------------- | ----------------------------------------- | ---------------------- | ---------------------------------------------------------------------------------- |
|
||
| type | `string` | `"pagination-wrapper"` | 指定为 Pagination-Wrapper 渲染器 |
|
||
| showPageInput | `boolean` | `false` | 是否显示快速跳转输入框 |
|
||
| maxButtons | `number` | `5` | 最多显示多少个分页按钮 |
|
||
| inputName | `string` | `"items"` | 输入字段名 |
|
||
| outputName | `string` | `"items"` | 输出字段名 |
|
||
| perPage | `number` | `10` | 每页显示多条数据 |
|
||
| position | `'top'` 或 `'bottom'` 或 `'none'` | `"top"` | 分页显示位置，如果配置为 none 则需要自己在内容区域配置 pagination 组件，否则不显示 |
|
||
| body | [SchemaNode](../../docs/types/schemanode) | | 内容区域 |
|