extjs4.1 - 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