Axure中继器高阶玩法-列表的增删改查

1.效果展示

2.实现步骤
设计原理：新增修改时，对新增或标记的内容，插入中继器中，列表再展示中继器内的内容
2.1.前提步骤
●页面及样式设计，如下。建立查询条件、查询框、按钮、新增/修改/删除弹窗（最好是用一个动态面板完成，这样弹窗位置固定且页面展示有条理不会显得臃肿）、列表名、列表（列表外部是中继器，内部使用了列表+多选框）


●设置全选效果
设置全选或取消全选后中继器内的单行也为选中或取消选择状态

●页面做默认隐藏效果
设置为默认隐藏，达到新增/修改后弹窗效果

●交互条件：中继器
列表要在每项加载时展示中继器数据

●交互条件：中继器-多选框
设置多选框选中及取消选中的效果，选中后单元格置灰

●交互条件：中继器-序号
设置第一列为自增序号，按照展示内容自动序号

2.2.增
●点击新增时，弹窗出现

●点击保存后，新增行并关闭（隐藏）弹窗，并将新增弹窗中维护的内容清空

新增行设置：“姓名/工号新增“指的是弹窗中的文本框

●取消、关闭符号也设置点击后关闭（隐藏）弹窗效果

2.3.删
●弹窗效果参考新增，删除是对选择的行进行删除

2.4.改
大部分操作类似新增，下面讲差异点
●保存时，需要保存标记内容（需要选中某一行后才能修改）


2.5.查
●对查询条件内容（文本框）进行条件查询，多个条件时都需要设置

2.6.重置
●移除查询内容，并将查询条件清空