用查找表编辑ExtJS.Grid

时间:2014-09-08 20:44:36

标签: javascript ajax extjs datagrid crud

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

但我无法弄清楚如何实施" Light"列查找。在要编辑的表中,它是一个int FK引用另一个表,其中存储了文本。

我不需要编辑查找表。我需要做的是查询它(我可以将其数据作为静态JSON提供,不需要AJAX查询),以便主表的FK被文本替换。

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

1 个答案:

答案 0 :(得分:0)

有几种可能的方法:

    带有组合编辑器的
  1. 列将通过dataIndex链接到外部id。这种方法非常简单,只要您可以加载完整的组合商店,即它不是太多的记录。此外,您必须确保足够早地加载商店并提供显示文本而不是ID的列呈现器。

  2. 如果您需要远程商店进行组合,则另一种方法更好。您从服务器传递FK(数字ID)和每个网格记录的相应文本,您将组合链接到文本,而不是ID,并提供edit事件监听器,用户在用户时更新ID和文本从组合中选择。详细描述了此方法以及Remote Combo in ExtJS Grid Example

  3. 中的代码