Extjs树形控件入门

梦里梦外; 2022-08-23 14:42 286阅读 0赞

Extjs树形控件由Ext.tree.TreePanel类定义,控件的名称为TreePanel,TreePanel继承自Panel类,在Extjs中使用树形控件其实很简单.

大家知道要使用Extjs必须引入他的库,所以我们要引入以下几个文件:

ext-all.css

ext-base.js

ext-all.js

PS:笔者采用的是extjs3.0版本

那怎么加载插件呢?放心,extjs有自己加载的方法:

Ext.onReady(function()\{

//coding...

\}

以下是实例代码:

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

//树形控件
            var root = new Ext.tree.TreeNode({
                id:"root",
                text:"树的根"
            });
            var root2=root.appendChild(new Ext.tree.TreeNode({
                id:"c1",
                text:"第一层"
            }));
            root2.appendChild(new Ext.tree.TreeNode({
                id:"c3",
                text:"第2层"
            }));
            root.appendChild(new Ext.tree.TreeNode({
                id:"c2",
                text:"第一层2"
            }));
            var tree=new Ext.tree.TreePanel({
                renderTo:Ext.getBody(),
                root:root,
                width:100
            });

该实例中是三层结构,在实际开发中我们可以根据节点的级别去设置节点应该处于的位置.

[ContractedBlock.gif]: http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20220823/34979b847fcb43c6bfdb77a4a0689f73.png

发表评论取消回复

表情：

评论列表（有 0 条评论，286人围观）

还没有评论，来说两句吧...

相关阅读

相关前端树形控件数据渲染

![在这里插入图片描述][be2562efde5e4735ab7284f8564b8455.png_pic_center] [be2562efde5e4735ab7284f

青旅半醒/ 2023年10月03日 23:34/ 0 赞/ 10 阅读

相关树形控件CTreeCtrl的使用

树形控件在界面编程中应用十分普遍，如在资源管理器中和树形结构显示书的目录等，我们一步步研究树形控件的使用。在对话框界面上首先拖动创建一个树，一般我们改变三个属性： Has

ゞ浴缸里的玫瑰/ 2022年09月20日 15:22/ 0 赞/ 261 阅读

相关 ElementUI Tree 树形控件

一、概述用清晰的层级结构展示信息，可展开或折叠。官方网站：[https://element.eleme.cn/\/zh-CN/component/tree][htt

矫情吗；*/ 2022年08月28日 13:53/ 0 赞/ 305 阅读

相关 Extjs表单控件入门

ExtJs表单控件用formPanel来做为表单元素的容器。默认情况下，是使用Ajax异步提交。大家知道要使用Extjs必须引入他的库,所以我们要引入以下几个文件: ex

妖狐艹你老母/ 2022年08月23日 14:42/ 0 赞/ 261 阅读

相关 Extjs树形控件入门

Extjs树形控件由Ext.tree.TreePanel类定义,控件的名称为TreePanel,TreePanel继承自Panel类,在Extjs中使用树形控件其实很简单.

梦里梦外;/ 2022年08月23日 14:42/ 0 赞/ 287 阅读

相关 ExtJs之表格控件入门

　　extjs的表格功能非常强大,包括了排序,缓存,拖动,隐藏某一列,自动显示行号,列汇总,单元格编辑等实用功能.表格由类Ext.grid.GridPanel定义,继承自Pan

快来打我*/ 2022年08月23日 14:42/ 0 赞/ 241 阅读

相关 Android打造一个高性能无限层级显示的树形控件（Android树形控件）

Android使用ListView实现一个高性能无限层级显示的树形控件：最近公司的Android项目里有一个地方需要选择某公司的所有部门，因为手机屏幕有限所以并不能像网页那

小灰灰/ 2022年07月18日 21:29/ 0 赞/ 1525 阅读

相关 js城市树形控件

<td class="width-15 active"><label class="pull-right">省/市/区：</label></td> <td c

╰+攻爆jí腚メ/ 2022年05月04日 14:28/ 0 赞/ 308 阅读

相关树形控件的使用

树形控件TreeCtrl和下节要讲的 [列表控件 ListCtrl][ListCtrl]在系统中大量被使用，例如Windows资源管理器就是一个典型的例子。树形控件可以用于

骑猪看日落/ 2021年10月24日 05:38/ 0 赞/ 419 阅读

相关 ExtJs常用控件属性

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最

我不是女神ヾ/ 2021年09月14日 10:46/ 0 赞/ 592 阅读