*****中继器-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]]

注:当添加的筛选条件大于两个时,筛选条件会一同生效,导致刷选结果不能单独

生效,可以在每添加一个新的筛选之前都清空所有筛选。反之,如果要实现的

效果是一同执行的则不添加移除筛选即可。

axure--中继器的更多相关文章

  1. Axure中继器基础教程(增行、删当前、标记、全部、规则行) Mark

    ---恢复内容开始--- 一.中继器的新增行 中继器所显示的列表项与中继器的数据集有关,默认情况下是一一对应的.也就是说,中继器数据集中有多少行数据,那么,列表项就有多少个. 那么,我们能不能通过新增 ...

  2. Axure中继器设置单选

    我们给元件添加组的名称是为了让软件知道哪些元件被放进了一个组中,然后软件会自动让这个组中只有一个元件能够是选中状态,以达到唯一被选中的效果.而中继器的这两个属性默认是启用的状态, 会把组的效果给取消, ...

  3. Axure中继器的应用场景和结构组成

    应用场景: 当点击回复的时候,页面会会跳出来头像.昵称.时间.评论的内容(详情:https://jingyan.baidu.com/article/77b8dc7fb478346174eab622.h ...

  4. Axure的中继器如何实现两个列表之间的交互

    Axure RP 8安装包+注册码+中文语言包下载地址如下: 链接: https://pan.baidu.com/s/1nwRnCUl 密码: yy36 将中文语言包下的lang文件夹直接放在安装Ax ...

  5. Axure案例:用中继器实现便捷好用的3级菜单--转载

    提示1:本篇教程可能不太适合新手,以及不了解中继器.全局变量.系统变量等使用的…新手 提示2:文字其实不多,截图太多,所以看上去很长,也可直接翻到末尾查看所有的用例,其实并不多 之前有介绍过使用中继器 ...

  6. Axure RP 8.0 中继器初体验

    为了解决增删等复杂交互的问题,中继器是个不错的选择. 拖拽出一个默认的中继器 中继器的数据集感觉就像是数据库一样,在右边检视窗口中可以看到中继器的默认数据集,可以理解成一张二维表.默认有1列,现成的3 ...

  7. 使用Axure设计基于中继器的左侧导航菜单

    实现效果: 使用组件: 设计详解: 一.设计外层菜单 1.拖一个矩形,在属性栏中命名cd1,设置宽高为200*45,背景色#393D49,双击设置按钮名称为“默认展开”,字体大小16,字体颜色#C2C ...

  8. 原型设计Axure的基本使用

    Axure是一款专业的原型设计工具, 让负责定义需求设计:功能和界面的人员能快速设计出所需产品,其中不仅包含了对软件产品的界面,交互逻辑的原型设计,还包含了流程图:web网站的线框图,并且能导出说明文 ...

  9. axure的一些注意事项

    1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器 ...

  10. 从零开始学Axure原型设计(高级篇)

    如果你熟悉了Axure的部件库,那么你可以得心应手地画出心目中产品的线框图:如果你会用Axure的母版.动态面板功能,那么你应该能够画出一些简单网站的原型图:但只有你精通了Axure的条件逻辑.变量. ...

随机推荐

  1. STL之heap学习

    C++标准库中的堆-heap make_heap函数,包括两个参数(begin(number),end(number)).(左闭右开) pop_heap函数,包括两个参数,起始位置和终止位置,将当前区 ...

  2. TensorFlow走过的坑之---数据读取和tf中batch的使用方法

    首先介绍数据读取问题,现在TensorFlow官方推荐的数据读取方法是使用tf.data.Dataset,具体的细节不在这里赘述,看官方文档更清楚,这里主要记录一下官方文档没有提到的坑,以示" ...

  3. python第l六天,lambda表达式学习,涉及filter及Map。

    在python中lambda表达式可以作为匿名函数来使用,举一个简单的栗子: 以前我们写两个数相加的函数需要 #以前我们写两个数相加的函数,需要这样写 >>> def sum(x,y ...

  4. Node.js的模块系统

    编写稍大一点的程序时一般都会将代码模块化.Node.js提供了一个简单的模块系统.模块既可能是一个文件,也可能是包含一个或多个文件的目录. 模块的创建  如果模块是个文件,一般将代码合理拆分到不同的J ...

  5. 什么是 java.awt.headless

    以下是网上的说法,我觉得简单地说就是有些功能需要硬件设备协助,比如显卡,但如果是服务器可能都没装显卡,这时就需要JDK调用自身的库文件去摸拟显卡的功能. 什么是 java.awt.headless? ...

  6. 关于CaciiEZ端口流量阀值报警的设置

    作者:邓聪聪 环境:CactiEZ v10.1 为了更高效的发现问题,在非工作期间,公司的网络可能会出现一些故障,为了及时解决问题,所以做了一个流量监控,并以邮件的方式发送流量异常的端口,以便及时了解 ...

  7. 题解-bzoj4061 CERC-2012Farm and Factory

    Problem Please contact lydsy2012@163.com! 题意概要:给定\(n\)点\(m\)边无向图,设定两个起点为\(1,2\),现要求在图中增加一个点,并将这个点与其他 ...

  8. 【转】采用dlopen、dlsym、dlclose加载动态链接库

    1.前言 为了使程序方便扩展,具备通用性,可以采用插件形式.采用异步事件驱动模型,保证主控制逻辑不变,将各个业务以动态链接库的形式加载进来,这就是所谓的插件.linux提供了加载和处理动态链接库的系统 ...

  9. 带你玩转Visual Studio——带你了解VC++各种类型的工程

    原文地址:http://blog.csdn.net/luoweifu/article/details/48816605 上一篇文章带你玩转Visual Studio——带你新建一个工程一文中提到新建一 ...

  10. Ionic-轮播图ion-slide-box

    官方用法介绍:http://www.ionic.wang/js_doc-index-id-44.html 用法 <ion-slide-box> <ion-slide> < ...