Axure中继器案例的简单讲解(1)

一:添加行
实现效果:点击新增按钮弹出新增模态窗,输入新增的姓名与学号点击确认将会在表格中新增一行。

原型: 效果:

实现步骤:
1.在原型中隐藏新增弹出层,给新增按钮设置鼠标单击事件,当单击时显示新增弹出层,动画效果为向下滑动,设置灯箱效果,这样就会有模态框弹出的效果。
2.给关闭按钮与关闭图标设置鼠标单击事件,当鼠标当单击时隐藏新增弹出层,动画效果为向上滑动。
3.给保存按钮设置鼠标单击事件,当鼠标单击时,设置中继器数据集中的添加行,在配置动作中选择中继器,点击右下方的添加行,会出现一个弹出层上面的表格就是中继器的那个表格,找到学生姓名那一列,点击fx,设置局部变量LVAR1,LVAR1等于新增弹出层中学生姓名文本框的元件文字;学号设置同上。
4.添加行之后隐藏新增弹出层,动画效果为向上滑动。
5.中继器序号那一列,设置它每项加载时的文本值为[[Item.index]],这样它就可以在你新增行之后实现自己递增的效果。

二:删除行
实现效果:点击上方红色的删除按钮或表格中任意一个的删除按钮弹出确认是否删除模态窗,(选中的复选框只能单选,不能同时选取多个)点击确认按钮,删除选中列。

原型: 效果:

实现步骤:
1.在原型中隐藏删除弹出层,给删除按钮设置鼠标单击事件,当单击时显示删除弹出层,给关闭按钮与关闭图标设置鼠标单击事件,当鼠标当单击时隐藏新增弹出层,配置动作都与新增一样。
2.给确认按钮设置鼠标单击事件&#

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值