Extjs树形控件入门
2014-05-14 07:37
162 查看
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...
}
以下是实例代码:
View Code
该实例中是三层结构,在实际开发中我们可以根据节点的级别去设置节点应该处于的位置.
大家知道要使用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树形控件入门
- VS2010/MFC编程入门之三十一(常用控件:树形控件Tree Control 下)
- EXTJS4自学手册——页面控件(树形控件)
- [JAVASCRIPT][EXTJS]直接用JSON创建树形控件(Ext.tree.TreePanel )
- (转载)VS2010/MFC编程入门之三十(常用控件:树形控件Tree Control 上)
- VS2013/MFC编程入门之三十(常用控件:树形控件Tree Control 下)
- EXTJS4自学手册——页面控件(树形控件)
- Extjs表单控件入门
- (转载)VS2010/MFC编程入门之三十一(常用控件:树形控件Tree Control 下)
- VS2010/MFC编程入门之三十(常用控件:树形控件Tree Control 上)
- VS2010/MFC编程入门之三十一(常用控件:树形控件Tree Control 下)
- Extjs表单控件入门
- VS2008/MFC编程入门之三十一(常用控件:树形控件Tree Control 下)
- VS2013/MFC编程入门之二十九(常用控件:树形控件Tree Control 上)
- ExtJs之表格控件入门
- [JAVASCRIPT][EXTJS]直接用JSON创建树形控件(Ext.tree.TreePanel )(转)
- VS2010/MFC编程入门之三十(常用控件:树形控件Tree Control 上)
- extjs 树形控件(treePanel)
- VS2010/MFC编程入门之三十一(常用控件:树形控件Tree Control 下)
- ExtJs之表格控件入门