ExtJS 3.3來自Json商店的樹數據視圖

我需要在樹數據視圖中表示一個Json數據存儲在ExtJS 3.3。我試圖找到一個解決方案，但沒有運氣找到我的數據類型之一。

我拉的數據來自服務器，它來自表中的記錄形式。它被拉出後，保存在Ext.data.JsonStore中。查詢結果的一個例子是：

householdId = 1; personId = 2 
householdId = 1; personId = 3 
householdId = 1; personId = 4 

householdId = 2; personId = 5 
householdId = 2; personId = 6 

householdId = 3; personId = 7

與實體店：

resultsStore =new Ext.data.JsonStore({ 
    id:'resultsStore', 
    proxy: new Ext.data.HttpProxy(
       new Ext.data.Connection({ 
          url: "searchHouseholds.action", 
          timeout: 300000 })), 
    root : 'root', 
    fields : [ 'householdId', 'personId'] 
});

基本上我想有一個很好的觀點，其中用戶可以告訴PERSONID 2至4屬於householdId 1，householdId是父母和personId是孩子。我在想什麼，但沒有需要孫子：http://dev.sencha.com/deploy/ext-3.3.1/examples/treegrid/treegrid.html

我讀過，我需要首先將數據轉換爲分層狀態。還提到了TreeStore，TreeLoader等等。問題是我在ExtJS後來的版本中看到的很多這些東西，我不確定如何在舊版本中使用它。

附註：StackOverflow上的第一篇文章！

謝謝！

來源

2014-10-03 Code Whisperer