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

Question

我知道 RowExpander 插件对于 Grid 是什么，其中 Grid 中的每一行都会扩展以显示它的子项或相关的存储数据。我的要求有点不同。

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

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

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

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

Answer 1

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