多個網格來實現嵌套網格功能

Question

我知道一個網格的RowExpander插件是什麼，網格中的每一行都展開以顯示它的子節點或相關存儲數據。我的要求有點不同。

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 - 這樣第二個網格將自動過濾到您需要顯示的記錄。