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

Question

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

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

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

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

我希望我很清楚。你能帮我解决你可能有的任何示例代码吗？

Answer 1

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