第四章-ExtJs-tree

构建ExtJS树形组件

最新推荐文章于 2018-09-27 16:37:00 发布

原创最新推荐文章于 2018-09-27 16:37:00 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EextJs #extJs基础 #extJs面向对象 #extjs oop #tree

FY_Extjs_sir 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何使用ExtJS框架创建一个动态加载的树形组件。通过实例演示了根节点、子节点及树形容器的定义，并实现了点击事件响应。

tree

本章任务

1.tree

/**
 * 根节点
 */
var _root = new Ext.tree.AsyncTreeNode({

	text:'root',
	expanded:true
});

/**
 * 子节点
 */
var _loader = new Ext.tree.TreeLoader({

	dataUrl:'./ch04.jsp'
});


/**
 * 树形容器
 */
var _tree = new Ext.tree.TreePanel({
	
	autoHeight:true,
	root:_root,
	listeners:{
	click:function(_load){
	alert(_load.id);
	}
	},
	loader:_loader
});

/**
 * 显示到页面
 */
_tree.render(Ext.getBody());

本章目标

1. 理解tree