迭代数据存储在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