Axure RP9教程 列表分页大小

Axure RP9教程 利用中继器设置每页下项目数

一、说明

上一篇我给大家介绍了列表查询功能,本篇将给进一步给大家介绍如何设置列表每页项目数,如何实现这样一个功能,axure中的中继器设置每页项目数给我们提供了良好的工具。

二、案例演示

Axure RP9教程 列表分页大小
案例链接

三、操作说明

  1. 在列表元件底部添加一个分页下拉控件,分别为10,20,30,40,50;
  2. 为了让我们实现一个设置分页项目效果,我需要列表中的数据进行填充至30行以上;
  3. 数据填充完之后我们发现列表的高度超过了页面本身,下拉框也被撑开了,如何解决了,在前面的列表滚动中已经为大家介绍了,只需要将列表转换为动态面板,将设置面板大小勾选取消即可;
  4. 给分页大小下拉控件添加选项改变时交互事件,同时设置每页项目数
    Axure RP9教程 列表分页大小
    Axure RP9教程 列表分页大小
    Axure RP9教程 列表分页大小
  5. 保存预览下,即可实现我们需要的效果,是不是简单?

这个教程主要运用到了局部变量中继器设置每页项目数

下篇文章将为大家介绍,列表总数的获取。