最新学习整理Repeater,网上也能找到一些实现排序的帖子,但是对于不熟悉中继器的同学来说,直接上手还是有点难度的。我也遇到一些坑,特整理记录下来,共同学习。学习之前最好了解下中继器的各个属性以及函数的含义。
工具:Axure8.0
学习目标:
如下图所示,通过点击箭头图标实现位置调整,每次点击箭头相邻两行调换顺序(点击第一行,即“高等数学”顺序不变)。
知识点:
(1)全局变量设置与赋值
(2)表格顺序调整
要实现上述顺序调整功能,我们逐步来进行:
Step1:Axure工作区拖入“repeater”控件,命名为:“StuRepeater”,然后将Sturepeater填充数据,第一列取名“stuid”,第二列取名:“stutitle”,第三列取名:“stuscore”。注意,列名称不要用中文。
Step2:双击“Sturepeater”,进入中继器的编辑区,依次拖入三个box,命名为:Stuindex,StuTitle,StuScore。这三个box对应Sturepeater中的三列数据。为了表格美观