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