码迷,mamicode.com
首页 > Web开发 > 详细

Extjs树形控件入门

时间:2014-05-14 10:52:18      阅读:339      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   c   tar   

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

}

以下是实例代码:

bubuko.com,布布扣
//树形控件
        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树形控件入门,布布扣,bubuko.com

Extjs树形控件入门

标签:style   blog   class   code   c   tar   

原文地址:http://www.cnblogs.com/LT0314/p/3726916.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!