[Ext JS] 3.7 树(Tree)的定义和使用

树的构成

• 树面板：Ext.tree.Panel ， 面板用来创建一个树的组件
• 树视图：Ext.tree.View ， 对树的样式做一些配置 ，比如是否显示根节点（rootVisible）， 视图不直接使用，通过面板的viewConfig配置项进行配置。
• 树的列：Ext.tree.Column，一般而言，树只需要一列，也可以像Grid那样，定义多列。

定义与示例

• 树使用Ext.tree.Panel创建， 使用Ext.create()和配置方式都可以。
• 树的数据使用Ext.data.TreeStore类型。 root是根元素，leaf代表是否是叶子节点，如果不是叶子节点，则其下使用children设置子元素。如果包含子元素，expanded则代表是否默认展开子元素。

            var store = Ext.create('Ext.data.TreeStore', {
                root: {
                    expanded: true,
                    children: [
                        { text: '魏', leaf: true },
                        {
                            text: '蜀', expanded: true, children: [
                                { text: '刘