MenuChevron Down
Pagination 分页 - Docs - Artefact

Pagination 分页

Data Display
智能自动检测

一个用于在多页内容之间导航的组件。

用法

CMS 页面构建器

该组件可作为 pagination 区块在 页面构建器content/pages/*.json)中使用:

{
  "type": "pagination",
  "count": 100,
  "pageSize": 10
}

属性

属性类型默认值说明
countnumber-条目总数。
pageSizenumber10每页条数。
defaultPagenumber1初始显示的页码。

| type | `'button' \ | 'link'` | 'button' | 使用按钮还是链接进行导航。 |

| interactive | boolean | true | 是否启用客户端交互。 |

CMS 配置

- label: Pagination
  name: pagination
  widget: object
  fields:
    - { label: Count, name: count, widget: number }
    - { label: Page Size, name: pageSize, widget: number, default: 10 }
    - { label: Default Page, name: defaultPage, widget: number, default: 1 }
    - label: Type
      name: type
      widget: select
      options: [button, link]
      default: button

水合

第 2 级:在提供 onPageChange 时,或不在使用 getPageUrl 的链接模式下时,进行水合。