Extjs树形控件入门

浏览数：30 / 时间：2015年06月09日

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...

}

以下是实例代码:

//树形控件
        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
        });

View Code

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

Extjs树形控件入门,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

Extjs树形控件入门