Ext3 使用TreePanel读取本地数据

Ext3 使用TreePanel读取本地数据

有时，我们不仅要从服务器端读取树形结构的数据，还会从本地读取，下面介绍如何从本地变量读取树形数据。

首先，你需要将本地的数据转换成下面这种格式。

var children= [{
   text : 'node1'  , 
   leaf  : false,
   children : [{
       text : 'child1' ,
       leaf : false     ,
       children : [{
            text : 'child2',
            leaf : true 
       }]
    },{
       text : 'child3',
       leaf : true 
    }] 
}]

接下来，创建根节点，把根节点的children树形设置成上面创建好的变量。

 1 var node = new Ext.tree.AsyncTreeNode({
 2     children: children

16 });

最后，新建一个TreePanel , 把创建好的node放入root属性中。

var tree = new Ext.tree.TreePanel({
    title: 'TreePanel',
    rootVisible: false,
    autoScroll: true,
    loader: new Ext.tree.TreeLoader({
        preloadChildren: true
    }),
    root: node
});

这样，一颗读取本地数据的树就完成了。

下面链接是EXT官方解答读取本地数据的一篇帖子。

http://www.sencha.com/forum/showthread.php?76247-3.0-Solution-for-a-Local-Tree

 

 

posted on 2013-05-12 18:20 AILinus 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/AILinus/archive/2013/05/12/3069018.html