使用场景
在数据列表场景中,单击行编辑图标,实现行数据更新。
操作步骤
1. 在编辑器中使用数据列表组件和弹窗组件,配置好数据列表相关模型信息。


2. 修改数据列表组件行指引图标。


3. 数据列表行编辑图标配置组件方法。


4. 调用打开弹窗方法配置,并传递当前行数据。


5. 将目标更新字段显示在数据列表中。


6. 设置弹窗组件的默认打开状态、模板、内容文案。


7. 弹窗显示内容这里以绑定当前传递行数据标识为例,弹窗底部按钮-确认按钮配置更新数据源方法。


8. 数据源方法配置详情如下,其中将“课程状态”设置为1,作为此次目标更新字段对象。


说明:
$w.modal1.openInfo
用来接收打开弹窗方法传递的参数。调用数据源更新方法,除了目标更新字段外,其它字段需要赋值为原值,否则将会更新为空值。
9. 在上述数据源方法执行成功分支添加关闭弹窗事件与刷新数据列表事件。


10. 预览效果:
单击数据列表行编辑图标,打开确认更新弹窗提示。


单击确认更新,执行数据源更新方法,可以看到第一行数据“课程状态”已经成功更新为1。

