一、说明
上一篇为大家介绍了列表删除功能的实现,本篇将为大家介绍列表编辑,那么如何来实现这个功能呢?接下来我们会用到中继器删除行交互事件;
二、案例演示
三、操作说明
- 双击中继器元件,进入内部行信息,添加修改标签;
- 给修改标签添加
鼠标点击时
交互事件,同时插入以下动作; - 标记行动作,即设置对当前行进行编辑;
-
设置文本,将中继器列表值赋值到弹出的编辑框(aaa到bbb)即bbb的值赋值给aaa
actAdd赋值为update,这个是操作标识,为了区分新增或编辑做的设置; - 显示/隐藏显示编辑弹出框
- 再对弹出框,保存按钮同样添加
鼠标点击时
交互事件,同步插入如下动作 - 显示/隐藏即隐藏新增弹出框;
-
更新行将弹出框元件文本值赋值到中继器列表中,具体操作如下
- 最后保存,预览
列表编辑的效用,应用了两个知识点:中继器列
标记行
,中继器更新行