分页器

该组件允许用户逐页浏览显示的内容,例如在表格中。

IMG - 8.png

何时使用DLQ

何时使用

  • 在所有分页显示的情况下。
  • 使用户能够跳过几页或直接转到所需页面。
  • 使用户能够自定义显示的行数。
  • 固定页面内部分的大小,使顶部自动加载内容不会移动底部内容。

3.png

🚫 何时避免

当您需要在搜索结果页面之间无缝过渡时,请使用自动加载或通过按钮加载,除非这会减慢页面速度。

2.png

1.png

结构

IMG - 18.png

  1. 当前页面。 显示显示页面的序列号。
  2. 上一页。 打开上一页。
  3. 下一页。 打开下一页。
  4. 内容最后一页。 如果已知总内容并且可以立即分成页面,则会显示。点击打开最后一页。
  5. 溢出图标。 如果页数超过四页,则显示。
  6. 前进/后退开关。 逐页切换页面。
  7. 转到第一页。 打开第一个内容页面。
  8. 转到特定页面。 当用户输入页码并按Enter键时,打开指定页面。
  9. 每页项目数。 一个用于在一页上显示的元素数量的开关。

您不必一起使用所有结构元素。您可以在"修改"下找到可用配置。

尺寸

默认情况下,分页器中按钮、输入框和选择框的大小为M。

Frame 2087326211.png

状态

IMG - 19.png

第一页 显示第一页。

第二/下一页 显示第二页和下一页。

最后一页 显示最后一页。

修改

IMG - 20.png

  1. 页面大小选项和显示输入框:如果用户不能转到特定页面或控制页面上显示的内容量,您可以禁用这些字段。
  2. 总数未知 仅显示当前页面。在未知元素总数时使用
  3. 隐藏页面 确保在没有序列号的情况下切换页面。当元素列表是动态的,并且页数以及序列号将不断变化并使用户感到困惑时使用。
  4. 紧凑 是一种没有文本的紧凑格式。当界面空间有限时使用(例如,在对话框中)

对于移动设备界面,您可以使用分页器的移动版本。

IMG - 23.png

以前装载机
下一步弹出窗口