amis/docs/zh-CN/components/pagination-wrapper.md
RickCole 2ef475a88b
Pagination 优化 (#1706)
* 分页组件优化

* fix

* fix type
2021-03-25 21:58:09 +08:00

3.1 KiB
Raw Blame History

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 内容区域