Axure高级功能2（中继器）

使用中继器进行增删改查操作

  1.中继器内部一行一列对应外部三行一列

内部：

 外部：

输入数据：

遍历到表格：（column1对应名字，column2对应年龄）

 

 2.删除：点击删除，标记当前行并删除当前标记的行
  同理，批量操作，我们要给多选框设置单击标记行，点击批量按钮删除已标记信息

在中继器内部设置复选框和删除、编辑按钮如图：

外部：

设置点击删除时交互事件

批量删除：

给复选框设置交互事件：选中时标记当前行，未选中时取消标记 

给批量删除设置点击时删除标记行如图：

3.新增：弹出模态框 , 将模态框内容置空，动态新增行   fx--- 将姓名框内容定义为局部变量，新增行到中继器表格中

设置模态框默认隐藏

隐藏：

点击新增按钮时显示模态框：

点击模态框确定时新增行并且隐藏模态框

新增行具体设置：

 

4.编辑：弹出..., 设置模态框标题为编辑信息, 并设置交互情形
   模态框确定按钮：
    若为新增，点击确定后，新增行，fx-将姓名框和年龄框输入的文本设置为局部变量-追加到表格行中
    若为修改，点击确定后，标记当前行，更新行-选择列，fx-将姓名框...输入的文本设置到表格中达到更新功能

点击编辑时显示模态框，并把模态框标题新增信息改为编辑信息，将表格数据插入对应的输入框中。

更新数据：

 

 

不要忘记取消标记行，负责第二次编辑时会连第一次编辑的信息一起修改（因为第一次编辑标记了行）

 

 

5.查询：将文本框输入的值设置为LVAR1变量，字符串的indexOf方法：返回第一次出现的指定子字符串在此字符串中的索引。int indexOf(String str)     [[item.name.indexOf(LVAR1)>-1]]

点击搜索时设置过滤器，具体过滤参数如图

 

 

 

 效果：