多个网格实现嵌套网格功能

Posted 2023-02-26

【中文标题】多个网格实现嵌套网格功能

【英文标题】：Multiple Grids to achieve Nested Grids functionality

【发布时间】：2013-06-05 05:02:02

【问题描述】：

我知道 RowExpander 插件是用于 Grid 的，其中 Grid 中的每一行都会展开以显示其子项或相关的商店数据。我的要求有点不同。

我需要一个页面上有多个网格。每个 Grid 都加载了来自不同后端数据库表 TB1、TB2、TB3 的数据。

但是，每个后端数据库表之间都存在一对多的关系。也就是说，TB1 中的每一行在 TB2 中都有多行。 TB2 中的一行在 TB3 中具有多行。

现在，我需要为 UI 上的每个表格创建一个网格。然后，如果我在第一个网格中选择一个特定行（与 TB1 相关），我应该用来自 TB2 的相关记录填充第二个网格。然后，如果我在与 TB2 对应的网格中选择一行，我应该使用与从 TB3 中选择的行相关的所有记录填充第三个网格。

我希望我很清楚。您能帮我提供您可能拥有的任何示例代码吗？

【参考方案1】：

订阅 TB1 的 select (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.Panel-event-select) 事件，然后使用您需要的任何过滤条件过滤存储关联的 TB2 - 这样第二个网格将自动过滤到您需要显示的记录。

【讨论】：

谢谢沙。我会尽力按照您的建议工作，如果需要任何进一步的帮助，我会回复您。