Axure9中继器教程:列表数据行更新

2023-04-1911:12:09原型设计Comments1,194 views字数 340阅读模式

原理跟删除同样,先标记数据行,再使用中继器的更新行函数获取对话框中的文本数据更新到对应的字段上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

1、绘制更新对话框。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

复制一份新增对话框,作为更新数据对话框,设置对话框名称。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

2、添加【修改】按钮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(1)进入中继器内部。拖入一个矩形,调整高度跟数据行相同,列宽为60。放到最后一列,并将矩形的左侧边框设置为不可见。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(2)给矩形取名,并在左侧【概要】中将该矩形拖入到数据列组合中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(3)设置元件选中时的样式,跟数据列一致。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(4)选中修改矩形,设置交互动作。点击时:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

  • 取消全部标记行
  • 标记当前行
  • 将当前行数据回显在更新对话框中。
  • 最后显示更新对话框。

Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(5)实现效果文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

3、修改对话框中【确定】按钮的交互动作。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

(1)确定按钮点击时:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

  • 更新行,将输入框的内容通过局部变量添加到列表中。
  • 隐藏当前对话框。

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html

Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html
Axure9中继器教程:列表数据行更新文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html
文章源自菜鸟学院-https://www.cainiaoxueyuan.com/yuanxing/36001.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/yuanxing/36001.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定