AxureRP9利用中继器实现增删改查（表格）_axure rp9 按钮怎么放到表格内

《利用中继器实现增删改查》

一、将数据绑定到中继器上显示

1.将中继器拖到画布上，双击进入中继器内部开始编辑

2.将一个表格拖入画布删掉不需要的行，编辑列名

3.退出中继器内部编辑，左键点击中继器，添加相应的列及数据

注意：列名只能由英文、数字构成

4.开始绑定数据，以name的数据绑定为例

成功绑定后显示

二、利用中继器实现数据新增

1.添加一个按钮、一个模态框（自己设计的），

注意：可以看到，元件多了之后很容易把元件搞混，这时候最好对元件进行命名

2.将模态框的所有元件组合到一起，设置默认状态为隐藏

3.给“新增”按钮绑定动作，显示出被隐藏的模态框

4.给模态框中的“确认”按钮绑定动作：新增行（中继器动作）

同理对ageContent操作

5.因为我们的“新增“和”编辑”是共用一个模态框，我们需要添加一个classcase来判断，正在进行的操作到底是新增还是编辑。

点击添加用例，编写一个小逻辑。当文本框“操作”的内容是“新增”时

添加收尾动作

6.给按钮“取消”绑定动作：清空文本内容，隐藏模态框（这里我们直接把确定里的动作复制进去即可）

7.点击预览测试

三、利用中继器实现数据删除、批量删除

1.双击进入中继器内部，找一个按钮（有条件也可以放iocn更美观）放入option这一行中，给按钮添加动作

2.批量删除：在新增旁边加一个批量删除的按钮，给中继器中每一行前面添加一个复选框。

3.给复选框绑定两个动作

4.给批量删除按钮绑定动作：删除行

四、利用中继器实现数据编辑

1.进入中继器内部给编辑按钮绑定动作

2.对模态框里的确认按钮，新建一个classcase还有后续操作

3.添加一个“更新行”操作

4.测试

五、利用中继器实现模糊查询

1.拖入一个文本框、一个按钮，重命名。给按钮绑定动作

2.测试