Axure RP9教程 列表编辑

时间:2024-04-02 12:53:50

Axure RP9教程 利用中继器更新行实现列表编辑功能

一、说明

上一篇为大家介绍了列表删除功能的实现,本篇将为大家介绍列表编辑,那么如何来实现这个功能呢?接下来我们会用到中继器删除行交互事件;

二、案例演示

Axure RP9教程 列表编辑

三、操作说明

  1. 双击中继器元件,进入内部行信息,添加修改标签;
  2. 给修改标签添加鼠标点击时交互事件,同时插入以下动作;
  3. 标记行动作,即设置对当前行进行编辑;
  4. 设置文本,将中继器列表值赋值到弹出的编辑框(aaa到bbb)即bbb的值赋值给aaa
    Axure RP9教程 列表编辑
    actAdd赋值为update,这个是操作标识,为了区分新增或编辑做的设置;
  5. 显示/隐藏显示编辑弹出框
  6. 再对弹出框,保存按钮同样添加鼠标点击时交互事件,同步插入如下动作
  7. 显示/隐藏即隐藏新增弹出框;
  8. 更新行将弹出框元件文本值赋值到中继器列表中,具体操作如下
    Axure RP9教程 列表编辑
    Axure RP9教程 列表编辑
  9. 最后保存,预览

列表编辑的效用,应用了两个知识点:中继器列标记行,中继器更新行