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

oscar999

已于 2023-05-31 21:50:52 修改

阅读量593

点赞数

分类专栏： Ext JS开发大全文章标签： Ext JS Tree

于 2022-04-07 06:07:44 首次发布

本文链接：https://blog.youkuaiyun.com/oscar999/article/details/124004315

版权

Ext JS开发大全专栏收录该内容

189 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了Ext JS 3.7中的树组件，包括树的构成、定义与示例、数据设置方法以及拖拽插件的使用。树由面板、视图和列构成，数据可以通过直接配置、服务URL获取或继承定义新的Store类来设置。此外，还展示了如何启用拖拽功能，并提供了示例链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

树的构成

树面板：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: [