Axure设计：两个中继器的增删改案例（下）

1、演示案例模型，参考“Axure设计：两个中继器的增删改案例（上）”，这里不在累述；链接如下：

2、为了达到演示效果，一些交互会做变更，请留意~

3、“中继器A”新增一列，列名：del，默认值为0；如下图所示：

5、命名“动态面板”为“选择清单”，并新建一“面板：state2”；“面板：state2“内容为空即可；勾选“动态面板”为”自动调整为内容尺寸“；

8、以上完成此次演示案例的基础架构~

9、“中继器A”的“每项加载时”设定两个交互动作：

12、Case2判定条件：---当“值：[[Item.del]]“不等于”0“时----

14、双击编辑"中继器A"，针对两个按键“del”和“add”设置交互动作~

15、先看“按键：add”的“鼠标单击时”的交互动作~

17、动作2：---”中继器B“新增一行，”列：Column0“的值为[[Item.Column0]]---（[[Item.Column0]]为”中继器A“值）

18、动作3：---更新”中继器A“本行的"列：del"值为[[Item.Column0]]---

19、动作4：---“动态面板：选择清单”再次切换：a.选择状态：Next；向后循环b.扦拖匆敉推动/拉动元件；方向：下方；动画：无---

21、动作1：---“动态面板：选择清单”切换：a.选择状态：Next；向后循环b.推动/拉动元件；方向：下方；动画：无---

22、动作2：---更新”中继器A“本行的"列：del"值为0---

26、动作1：---“动态面板：选择清单”切换：a.选择状态：Next；向后循环b.推动/拉动元件；方向：下方；动画：无---

27、动作2：---删除”中继器B“所有记录；条件：[[true]]---

29、动作4：---“动态面板：选择清单”切换：a.选择状态：Next；向后循环b.推动/拉动元件；方向：下方；动画：无---

30、编辑“中继器B”，设置“图标：del"的"鼠标单击时"交互动作~

34、动作4：---“动态面板：选择清单”切换：a.选择状态：Next；向后循环b.推动/拉动元件；方向：下方；动画：无---

35、果不其然，简单的优化，其设置的操作步骤还是挺繁琐的，需要点细心……

36、好，验证下效果是否如下？