腾讯云微搭低代码 数据列表更新场景应用实践

这篇说明腾讯云微搭低代码平台中,通过数据列表行编辑图标与弹窗组件配合,实现行数据更新的完整操作步骤。 配置方法:在弹窗确认按钮绑定数据源更新方法,需注意除目标字段外其他字段赋原值,避免更新为空。

相关产品
腾讯云微搭低代码 产品页,含版本规格、价格与购买入口。

一、使用场景

在数据列表场景中,单击行编辑图标,实现行数据更新。

二、操作步骤

1. 在编辑器中使用数据列表组件和弹窗组件,配置好数据列表相关模型信息。

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

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

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

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

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

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

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

注意:说明:

9. 在上述数据源方法执行成功分支添加关闭弹窗事件与刷新数据列表事件。

10. 预览效果:

单击数据列表行编辑图标,打开确认更新弹窗提示。

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

赞 (0)
上一篇 4天前
下一篇 4天前