axure rp的4种交互样式含义(AxureRP9)

【知识点34】中继器 repeater 属性

01 中继器repeater属性

(1)repeater:中继器的对象。Item.repeater即为Item所在的中继器对象。

(2)visibleItemCount:中继器项目列表中可见项的数量。比如:项目列表共有15项,分页显示为每页6项。当项目列表在第1、2页时,可见项数量为6;当项目列表在第3页时,可见项数量为3。

(3)itemCount:获取中继器项目列表的总数量,或者叫加载项数量。默认情况下项目列表的总数量会与中继器数据集中的数据行数量一致。但是,如果进行了筛选,项目列表的总数量则是筛选后的数量,这个数量不受分页影响。

(4)dataCount:获取中继器数据集中数据行的总数量。

(5)pageCount:获取中继器分页的总数量,即能够获取分页后共有多少页。

(6)pageIndex:获取中继器项目列表当前显示内容的页码。

02 应用示例

中继器样例:

axure rp的4种交互样式含义(AxureRP9)(1)

(1)点击“上一页”按钮,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。点击“设置当前显示页面”,选择中继器,在“页面”中选择“上一页”。

点击“设置文本”,选择shuju文本标签,在“值”中点击“fx”,插入dataCount和visibleItemCount函数。另,选择page文本标签,在“值”中点击“fx”,插入pageIndex和pageCount函数。

axure rp的4种交互样式含义(AxureRP9)(2)

axure rp的4种交互样式含义(AxureRP9)(3)

axure rp的4种交互样式含义(AxureRP9)(4)

同样方法设置“下一页”按钮。

(2)解决页面载入时不显示数据问题

点击rpt中继器,在“交互”功能面板中,打开“交互编辑器”。在“每项加载”事件中,点击“设置文本”,按上述方法添加shuju和page文本标签设置。

axure rp的4种交互样式含义(AxureRP9)(5)

(3)中继器搜索itemCount

axure rp的4种交互样式含义(AxureRP9)(6)

点击“搜索”按钮,在“交互”功能面板中,打开“交互编辑器”。添加“单击时”事件。点击“添加筛选”,选择中继器,“名称”设置为“search”,在“规则”处点击“fx”,局部变量获取input文本框输入值,查询范围选择“生产厂家[[Item.factory.indexOf(input)>-1]]”。

点击“设置文本”,选择shuju文本标签,在“值”中点击“fx”,插入itemCount函数。单击确定完成。

axure rp的4种交互样式含义(AxureRP9)(7)

axure rp的4种交互样式含义(AxureRP9)(8)

同理,设置中继器页面载入时数据及文本展示;设置上一页、下一页翻页数据及文本展示。

03 其他属性

(1)Item:获取数据集一行数据的集合,即数据行的对象。

(2)Item.列名:获取数据行中指定列的值。

(3)TargetItem:目标数据行的对象。

待续~

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页