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

原理跟删除同样,先标记数据行,再使用中继器的更新行函数获取对话框中的文本数据更新到对应的字段上。

 

1、绘制更新对话框。

复制一份新增对话框,作为更新数据对话框,设置对话框名称。

2、添加【修改】按钮。

(1)进入中继器内部。拖入一个矩形,调整高度跟数据行相同,列宽为60。放到最后一列,并将矩形的左侧边框设置为不可见。

(2)给矩形取名,并在左侧【概要】中将该矩形拖入到数据列组合中。

图片

(3)设置元件选中时的样式,跟数据列一致。

图片

 

(4)选中修改矩形,设置交互动作。点击时:

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

图片

(5)实现效果

图片

3、修改对话框中【确定】按钮的交互动作。

(1)确定按钮点击时:

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

 

图片

图片

THE END