axure--中继器
*****中继器-repeater*****
1、结构:类似于MVC(增删查改)
1)中继器数据集:可包括图片、文字、网址(页面)(右键添加,列名尽量使用英
文或拼音)
2)中继器格式:横向、纵向(是否换行等)、分页、背景、间距
3)中继器项目交互:交互效果
2、用途:
1)可实现数据交互
2)可实现数据列表的重复(即操作一次相当于操作三次)
3、添加行:【中继器】——【数据集】——【添加行】通过局部变量中【元件文字
】获取各个列的值。
注意:图片较特殊,用【元件文字】获取不到,用【元件】获取到的图片也无法
显示,解决办法是在浏览器中右键【属性】——【查看图片的相对路径】
——【images起到最后的路径】——【这样的路径就能显示图片了】
就算更换图片也没问题。
4、标记行:在进行一行或多行删除时使用,即选中行就先标记,点击删除按钮一并
删除即可。
5、删除行:就是删除行。
6、删除选中的行,每次只能删除一行:【中继器】加上一个矩形,设置选中后的效
果,选中矩形框——【鼠标单击时】——【设置“当前元件This”选中状态
为“true”】——【取消“全部”标记(即取消所有标记行)】——【标记当前选中
行】——【输入选项组名称】——【中继器“属性”】——【取消选项组效果】
7、修改行:在中继器外部来编辑行即【更新行】是没有“This”即当前行的选项,
只有“规则”和“标记行”两种选择,意为要想更新标记行则在中继器内部要更新
的行被选中时要做标记。
【点击修改按钮】—【设置touxiang=Item.img,设置shijian=Item.time....】—
【取消“全部”标记】—【标记当前选中项】—【保存按钮】—【更新行】—【已
标记】—【选择列】—【列的值通过局部变量“元件文字”获取且是修改界面的输
入框的名字,不是原来中继器中的名字】
一次性修改所有内容:在前面通过“已标记”方式更新列的基础上再选择【条件】
—【设置值为“true”】可实现更新所有内容。
注:原因在于返回值为true、false,直接写true意为无条件全部成立。
与true等价的另一种写法:[[1==1]]。
或者条件写成[[Item.name]]==[[Jack]],则不选择任何一条记录,直接修改内
容,就会更新在name为Jack的记录上。
****中继器的筛选和排序****
1、添加排序:动态展示的部分使用中继器装起来,添加的交互在外部来操作
【添加排序】取名—【属性】—【排序类型】—【顺序】依次设置即可
2、移除排序:【序号列】可以设置点击时恢复到初始状态的正常排序
3、添加筛选:
1)身高的筛选为例:筛选条件为小于身高的最大值即文本框右边的值,大于身高
的最小值即文本框左边的值。
eg. [[Item.heigh>left&&Item.heigh<right]]
注:当添加的筛选条件大于两个时,筛选条件会一同生效,导致刷选结果不能单独
生效,可以在每添加一个新的筛选之前都清空所有筛选。反之,如果要实现的
效果是一同执行的则不添加移除筛选即可。
本文来自博客园,作者:小虾米吖~,转载请注明原文链接:https://www.cnblogs.com/LindaBlog/p/9996804.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」