ExtJS学习笔记（一）使用树控件TreeNode ，TreeLoader

在ExtJS中，不管是叶子节点还是非叶子节点，都统一用TreeNode表示树的节点。在ExtJS中，有两种类型的树节点。一种节点是普通的简单树 节点，由Ext.tree.TreeNode定义，另外一种是需要异步加载子节点信息的树节点，该类由Ext.tree.AsyncTreeNode定 义。 看下面的代码：

Ext.onReady(function(){ 
var tree=new Ext.tree.TreePanel({
renderTo:Ext.getBoyd(),
root:new Ext.tree.AsyncTreeNode({ 
text:"根节点"
}),
width:100
}); 
});

执行程序，

 

 

点击树中的“根节点”则会一直发现树会尝试加载这个节点的子节点，由这里没有指定树的加载器，所以“根节点”会变成一直处于加载的状态。如下图所示：

 

 

对于普通的TreeNode来说，可以通过调用节点的appendChild、removeChild等方法来往该节点中加入子节点或删除子节点等操作。

　　TreeNode与AsyncTreeNode可以同时使用，比如下面的代码：

篇幅限制，请点这里：http://hkaimin.blog.163.com/blog/static/199697052201243111194372/