迭代數據存儲在extjs

Question

我想使用ext-js 4.1創建分層選項卡（它們可以達到n級）。我正在嘗試爲標籤層次結構創建如下所示的商店。所以我可以使用一個通用的方法來創建制表符。我如何遍歷這個商店結構來創建分層標籤？

希望下面的結構是可讀的:-)清楚地顯示每個級別和標籤的深度。

"toptab1": [{ 

"id" : 1000 

"name" : "coo", 

"child": [{ 

    "id": 1 , 

     "name": "foo" , 

     "child": [{ 

     "id" : 11 , 

       "name": "roo" , 

       "child": [{ 

         "id" : 111, 

          "name" : "hoo" 

        }, 

     { 

      "id: 112, 

      "name": "poo" 

     }] 

        }, 

        { 

        "id" : 12 , 

        "name" : "too" 

      }] 

}, 

{ 

    "id" : 2, 

    "name" : "woo", 

    "child" :[{ 

     "id": 21, 

     "name" : "soo" 

     "child" : [{ 

      "id" : 211, 

      "name" : "boo" 

     }] 

    }, 

    { 

     "id" : 22, 

     "name" : "doo" 

    }] 

}, 

{ 

    "id" : 3, 

    "name": "zoo" 

}]; 

Answer 1

我會創建一個模型來存儲有關您的選項卡的信息。

然後使用TreeStore將它們存儲在正確的層次結構中。

然後你可以做類似的事情。

var topLevel = this.getTabStore().getRootNode(); 
topLevel.cascadeBy(function(tab) { 
    //Do what you want with each tab here. 
}); 

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.data.TreeStore-method-getRootNode

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.data.NodeInterface-method-cascadeBy