AxureRP9利用中继器实现增删改查(表格)

1 篇文章 3 订阅
1 篇文章 0 订阅

《利用中继器实现增删改查》在这里插入图片描述

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

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.测试

请添加图片描述

  • 15
    点赞
  • 64
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值