• 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]]

    注:当添加的筛选条件大于两个时,筛选条件会一同生效,导致刷选结果不能单独
    生效,可以在每添加一个新的筛选之前都清空所有筛选。反之,如果要实现的
    效果是一同执行的则不添加移除筛选即可。

    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    互联网原理
    正则表达式
    BOM对象
    事件
    DOM对象
    已有项目安装脚手架工具vite
    小程序订阅消息 多个模板id
    百度地图 InfoWindow上添加点击事件
    颜色渐变 Echarts 环形图
    js替换字符串中所有斜杠
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9996804.html
Copyright © 2020-2023  润新知