《ExtJS实用开发指南》印刷版3月10号推出，赶快去看看吧。　

　对于ExtJS中的树来说，树加载器TreeLoader是一个比较关键的部件，树加载器由Ext.tree.TreeLoader类定义，只有AsyncTreeNode才会使用TreeLoader。看下面的代码：

Ext.onReady(function(){

	var loader=new Ext.tree.TreeLoader({
		url:"treedata.js"
	});
	var root=new Ext.tree.AsyncTreeNode({
		id:"root",	
		text:"根节点",
		loader:loader});	
	var tree=new Ext.tree.TreePanel({
		renderTo:"hello",
		root:root,
		width:100
	});
	
 });

　　首先我们使用Ext.tree.TreeLoader来初始化了一个TreeLoader对象，构造函数中的配置参数url表示获得树节点信息的url。然后在初始化根节点的时候我们使用的是AsyncTreeNode，在该节点中指定该节点的laoder为前面定义的loader。执行这段程序，在点击“根节点”时，会从服务器端指定root节点的子节点信息。
 
 　　TreeLoader严格来说是针对树的节点来定义的，可以给树中的每一个节点定义不同的TreeLoader，默认情况下，如果一个AsyncTreeNode节点在准备加载子节点的时候，如果该节点上没有定义loader，则会使用TreePanel中定义的loader作为加载器。因此，我们可以直接在TreePanel上面指定loader属性，这样就不需要给每一个节点指定具体的TreeLoader了。因此，上面的代码可以改成如下所示的内容：

上一篇《ExtJS2.0实用简明教程》之使用树控件TreeNode 下一篇：《ExtJS2.0实用简明教程》之自定义TreeLoader