mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-15 17:31:18 +08:00
2ef475a88b
* 分页组件优化 * fix * fix type
3.1 KiB
3.1 KiB
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
PaginationWrapper 分页容器 | 0 | ⚙ 组件 | PaginationWrapper | 59 |
分页容器组件,可以用来对已有列表数据做分页处理。
- 输入:默认读取作用域中的 items 变量,如果是其他变量名请配置
inputName
。 - 输出:经过分页处理后会把分页后的数据下发给
outputName
(默认也是 items)对应的数据。
{
"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 | 内容区域 |