retool - Retool：使用容器打开模式的操作按钮

Question

我在 retool 中有一张桌子。我添加了一个带有按钮的“操作”列，并将它们重命名为“编辑”。单击操作按钮时我想做的是打开一个模式，其中填充了行中的数据。用户应该能够看到行的值，对其进行编辑，当他单击“提交”时，它将发送更新 API 调用以获取该行的唯一 ID。

Answer 1

我们正在为模态组件编写一些新文档，但在此之前，您可以执行以下操作：

1. 将模态组件拖到画布上。它将显示为打开模型的按钮，但暂时不要担心
2. 在打开模式的查询编辑器中创建一个 Javascript 查询。如果我们使用默认名称，您的查询将是modal1.open()
3. 配置表中的操作按钮以在单击时运行该 JS 查询

这是通过操作按钮打开模式的快速方法。就该模式中的内容而言，您可以拖动所需的任何组件并引用表格属性。因此，如果您想显示用户的电子邮件，您可以将文本组件拖到模型中并将其值设置为table1.selectedRow.data.email.

最后要处理的是按钮，因为您通过操作按钮打开模式，所以您可能不想要它。您可以通过单击它来隐藏它，前往右侧边栏中的检查器，然后向下滚动到“显示”设置。只需true输入“真时隐藏”字段，按钮就不会显示。