ExtJS.Grid 使用查找表进行编辑

Question

我正在使用 ExtJS.Grid 开发一个“简单”的 CRUD。该网格将引用数据库表。我使用this example 作为基础。

但我不知道如何实现“Light”列查找。在要编辑的表中，它是一个 int FK 引用另一个表，其中存储了文本。

我不需要编辑查找表。我需要做的是查询它（我可以将它的数据作为静态 JSON 提供，无需 AJAX 查询它），以便将主表的 FK 替换为文本。

编辑行必须将其显示为选择/下拉列表（如示例中所示）。并且当用户发送创建/更新操作时，它必须发送所选项目的 ID，以便我可以将其写入表中。

Answer 1

有几种可能的方法：

1. 带有组合编辑器的列将通过 dataIndex 链接到外部 id。如果您可以加载完整的组合存储，则此方法非常简单，即它不是太多的记录。此外，您必须确保足够早地加载商店，并提供一个显示文本而不是 ID 的列渲染器。

2. 如果您需要远程存储进行组合，那么另一种方法会更好。您从服务器提供 FK（数字 id）和每个网格记录的相应文本，将组合链接到文本，而不是 id，并提供 edit 事件侦听器，当用户选择时更新 id 和文本组合。这种方法在Remote Combo in ExtJS Grid Example中与代码一起详细描述