【ExtJS】Tree加载JSON数据源

最新推荐文章于 2018-04-25 15:34:27 发布

Vv王蓁蓁

最新推荐文章于 2018-04-25 15:34:27 发布

阅读量663

点赞数

CC 4.0 BY-SA版权

文章标签： json

本文链接：https://blog.youkuaiyun.com/sun80264629/article/details/84857069

Ext.onReady(function(){
    // shorthand
    var Tree = Ext.tree;
    
    var tree = new Tree.TreePanel({
        el:'tree-div',
        useArrows:true,
        autoScroll:true,
        animate:true,
        enableDD:true,
        containerScroll: true, 
        loader: new Tree.TreeLoader({
            url:'data.json'
        })
    });

    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: 'Ext JS',
        draggable:false,
        id:'source'
    });
    tree.setRootNode(root);

    // render the tree
    tree.render();
    root.expand();
});

[{
        id: 1,
        text: 'A leaf Node',
        leaf: true
    },{
        id: 2,
        text: 'A folder Node',
        children: [{
            id: 3,
            text: 'A child Node',
            leaf: true
        }]
   }]