如何在extjs中将数据加载到递归dataView？

Question

我有一个递归模板。

new Ext.XTemplate(
            '<tpl for="."><div>'+
            '<div class="select">{text}</div>'+
            '{[this.putChildren(values)]}'+
            ' </div></tpl>'
            ,
            {
                putChildren:function(values){


                    if(values.children){
                        Ext.each(values.children,function(child,index,arr){
                        return this.apply(values.children);
                    }


                })

我设置了 itemSelector:'select'

问题是，当我加载数据时，我收到错误“records[i] 未定义”，当我设置侦听器时，每次单击都会触发该事件，但我在每个节点上都得到 item=undefined除了根。 我无法设置 treeStore，因为 dataview 仅除了 store 或 jsonstore。 （也许我做错了什么？）

所以我有一个简单的问题如何使用数据视图和存储来绘制树？ 我找不到任何好的资源......

实际上我有一个像这样的模板

http://www.youtube.com/watch?v=UhBjMws1H10&t=35m52s 我只是无法正确加载数据...

我需要 Store 或 TreeStore 还是其他东西？

提前谢谢

Answer 1

那么为什么不使用树面板呢？
http://docs.sencha.com/ ext-js/4-0/#!/api/Ext.tree.Panel

Answer 2

你解决过这个问题吗？有完全相同的问题。虽然我现在还没有花很多时间在它上面。

也许直接遍历子项对您很有用。
因此，

<tpl for=".">

我认为您可以直接使用

<tpl for="children">

这使得可以使用 values 作为每个子项的变量。