中继器的相关介绍和应用

【中继器的原理】

它其实是一个容器（是后台存储数据的字段），是用来承载数据的，比如说商品的一些信息：名称、价格、数量、图片等属性。作用体现如下：

以商品的相关信息为例，输入以下信息：

1. 首先将作为数据写入作用的中继器命名为“商品”，作为前端表达作用的中继器命名为“商品1”
2. 双击名称为“商品1”的中继器，先将矩形框删除，增加三个三级标题框，分布命名为名称、价格和数量。

3.增加交互效果，依次增加。以名称为例，【每项加载】—【设置文本】—【添加目标】—选择目标【名称】，【值】处选择“函数”，插入相应变量。

可在“值”处添加相应字符，提高视觉效果。

4.完成相应设置后，“商品1 ”的中继器即能显示处前面设置的相关信息。

此外，还可在“样式”处进行更多的修改。

中继器添加行的操作

1. 首先对中继器的数据进行初步的整理，并将中继器命名为“商品”，中继器内各个标题进行命名“商品名称”、“商品数量”、“商品价格”

尽量将表头放置在中继器外

设置中继器的交互效果

2.绘制一个数据录入系统，并在“按钮”处设置交互效果：【单击时】—【添加行】—目标选择中继器【商品】

3.初步预览效果如下：

另可设置输出进行分页显示，多余的在第二页进行显示

【中继器的删除行】

1. 首先在中继器和数据输入系统中增加相关操作

2.在中继器内对“删除”增加交互效果：【单击时】—【删除行】—选择当前行

3.预览如下

【更新行】

1. 首先在数据输入系统和中继器进行修改

2.设置“修改”的交互效果

3.增添一个中继器更新输入系统，修改各个输入框的名称“商品名称更新”、“商品数量更新”、“商品价格更新”，并设置“确定”按钮的交互效果

4.先输入数据，再对第二行进行修改，预览如下

继续对第三行进行修改，可以看到刚刚修改过的第二行也修改了，这是因为每次修改都会对选中行进行标记，没有取消，所以会随着下次修改进行改变。

5.若要仅改变这次选中行的内容，则可以在修改后取消标记，可以通过增加“确认”按钮的交互效果实现

可实现依次修改，互不影响，修改结束后隐藏更新行中继器

6.若希望当前修改的内容是可以在更新行系统中复现时，可以进行以下操作

在中继器内的“修改”增加交互效果

点击修改第二行，预览如下，可见可以将第二行内容复现在更新系统框内

【中继器的排序】

例如商品的价格、数量等属性信息的排序：原序—升序—原序—倒序—升序

1.首先去网页：阿里巴巴矢量库下载相应的正序倒序的icon、修改样式，选中右击一个【转变为动态面板】，将另一个添加为动态面板的另一个状态。

2.并添加交互效果【单击时】—【添加排序】—选择相应设置的列

添加动作，【设置面板状态】，选择该动态面板“价格排序”，单击后切换为“正序”

3.添加面板状态“无排序”，使其能恢复到原排序，使其构成一个组合；设置交互效果：【添加排序】和【设置面板状态】，使其后面切换为倒序状态。

4.“正序”交互效果：【单击时】—【移除排序】，添加动作—【设置面板状态】—切换为无排序

中继器的筛选

作用：完成搜索功能

1. 添加文本框，命名为“搜索文本框”，设置文字提示效果和icon

2.设置搜索符号的交互效果：【单击时】—【添加筛选】

3.若要使搜索框内容为空时恢复原表格内容，则应该添加“搜索文本框”的交互效果

4.若要设置更多的搜索信息，如通过价格筛选，则可以在“搜索”符号的交互效果中添加变量（注意符号表示）