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