当前位置:   article > 正文

Axure RP9 中继器的简单操作(1)_axure9获取中继器中的数值

axure9获取中继器中的数值

一、数据显示 (选中中继器在样式里设置初始化显示数据)
(1)在面板中拖拽一个中继器,一个表格,如图所示:在这里插入图片描述
(2)选中表格 Ctrl+C(复制),点击中继器 Ctrl+V(粘贴),并把样式栏中x与y的值修改为零,并清空复制后表格中内容。
在这里插入图片描述在这里插入图片描述
(3)选中左边单元格,修改名称为内容单元格,同样把第二个单元格的名称修改为天单元格,关闭中继器面板。在这里插入图片描述在这里插入图片描述
(4)选中中继器,打开交互大面板,选中设置文本下的矩形框,修改右栏的目标元件内容单元格可以直接修改也可以通过右边的fx修改,点击fx插入函数,选中[[Item.content]],点击确定。
在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
(5)同样,点击设置文本后的添加目标,把天单元格按照内容单元格修改完成。回到大面板就可以看到,数据源中数据就显示在中继器中了。在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
二、删除行(在样本中的删除按钮上绑定点击交互事件,选择删除行的操作,选择操作的中继器)
(1)双击中继器,在单元格中拖拽一个文本标签,内容改为删除,并修改名称为删除按钮在这里插入图片描述
(2)选中文本标签,新建交互,选择事件为鼠标单击时,打开大面板,动作选择删除行并勾选中继器,确定之后预览,就能看到,在相应行后面点击删除,该行消失。在这里插入图片描述
三、分页(在中继器的样式里分页面板,可以设置分页显示给上一页和下一页按钮绑定点击事件,选择中继器中的设置当前选择页面,在页面那里选择下一页)。
(1)在面板中拖拽两个如图所示元件,选中左边元件,新建交互,事件为鼠标单击时,打开大面板,左栏选中设置当前页,勾选中继器,页面选择上一页,确定。在这里插入图片描述在这里插入图片描述在这里插入图片描述
(2)同样,把右边元件按相同步骤设置成如图所示,点击确定。在这里插入图片描述
(3)选中中继器,在样式里的分页栏把每页项修改为2,预览就能看到,一页只显示两项,并且点击下一页会跳转到下一页。在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/110136
推荐阅读
相关标签
  

闽ICP备14008679号