axure中继器求和_Axure学习笔记-中继器

axure中的中继器，是为了实现增加和删除的高保真原型。

若实现数据的增加和删除，就要有数据存储的机制。所以中继器中有了“数据集”的概念。

我理解的数据集和数据库的概念是相似的。所以就有了加载页面时需要读取数据集合；增加数据时，要处理好字段的对应关系；删除数据时，需要知道数据索引。这样看中继器就不难理解了。

下面就来记录一下这两天的学习成果：选择“中继器”元件

选择好中继器之后会发现，这个展示的样子和我们想要的格式相差甚远，下面就来发掘一下这个中继器身上的秘密。双击中继器，进入中继器的编辑页面，干掉最开始的小框框，然后设计我们要是的“一条”信息，注意这里是一条，而不是全部的列表哦。

这里，我要显示应用是卡片展示的。所以如上图。下面开始配置列表的展示形式，这里我配置了三个地方。

(1)选择水平，这样卡片会以水平网格的形式展示

(2)多页显示，即使分页处理，并且规定了每页最多是12个卡片的控制

(3)间距，根据自己的需求填写间距

排版的格式完成后，我们就开始进行数据展示，前面有提过，中继器的数据部分都在它的数据集中。

数据集合配置，在卡片中我要展示的信息有三个，将三个属性在数据集中进行配置。同时中继器中的每个输入框命名。

(1)应用名称：appname

(2)类型：apptype

(3)描述：appdescribe

下面实现加载页面时，显示数据集中的数据

①增加载入时事件，为每个属性配置数据集属性

②选择设置文本

③为中继器中每个输入框进行赋值

④选择fx按钮进行配置

⑤选择中继器数据集中对应的名称

以上几个步骤可以理解为从数据集中初始化卡片数据。

配置成功后，预览数据，显示如上图。

下面进行增加数据的过程

首先创建新建应用的动态面板。为新增按钮创建单击事件。

同时增加应用的每个输入框进行命名，确定按钮添加事件如下：

(1)创建添加行事件

(2)为数据集中的属性，找到增新数据的对应输入框

点击fx进行编辑后如下图：

先添加局部变量，找到新增对应的输入框名称，然后再“插入变量或函数”，选择刚才添加的局部变量。

为所有的中继器数据集中的属性逐个添加新增的数据来源，就完成了新增的功能。