《深入浅出ExtJs第三版》学习笔记 第五章 树形结构

1、使用Ext.Tree.TreePanel组件创建一颗树

引入的css为：<link href="https://cdn.bootcss.com/extjs/6.0.0/classic/theme-gray/resources/theme-gray-all.css" rel="stylesheet">

Ext.onReady(function(){

    var tree = new Ext.tree.TreePanel({//树形面板
        store: new Ext.data.TreeStore({//数据填充
            root: {
                text: '我是根',
                children: [{
                    text: '我是根的第一个枝子',
                    children: {
                        text: '我是根的第一个枝子的第一个叶子',
                        leaf: true
                    }
                }, {
                    text: '我是根的第一个叶子',
                    leaf: true
                }]
            }
        })
    });
    tree.render('tree');//将树渲染到id为tree的div元素上
    tree.getRootNode().expand(true);//让树加载后立即展开
});