冷雨在线
EasyJWEB,JavaScript,Spring,JPA,MySql
半路出家,现在混JAVA.
我的首页
文章
相册
圈子
留言
管理
 
    当前所在页面:首页>>文章>>《ExtJS2.0实用简明教程》之使用树控件TreeLoader
《ExtJS2.0实用简明教程》之使用树控件TreeLoader
    作者:小雨 来源: 发表时间:2008-02-24

 
 

《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

 
 

(阅读 )   评论数(:14)
评论】 【收藏】
评论:共14条
怎么不全呢?图片也没有了……
评论人: kak     评论时间: 2008-12-25 13:29:11
fuck
评论人: 匿名用户     评论时间: 2009-03-17 09:29:58
日死你
评论人: 匿名用户     评论时间: 2009-03-17 09:30:26
You're the one with the birans here. I'm watching for your posts.
评论人: agyWtlhpPdplACIQB     评论时间: 2012-08-09 19:59:37
5zZZA5  <a href="http://jmpzuijkccuu.com/">jmpzuijkccuu</a>
评论人: CXEQNZkdzTzYhujIEWt     评论时间: 2012-08-10 13:30:48
xptZl7 , [url=http://ekmzceyxwhem.com/]ekmzceyxwhem[/url], [link=http://vbhvhjxuwqxs.com/]vbhvhjxuwqxs[/link], http://lklhgnkjnkej.com/
评论人: UhreecRoA     评论时间: 2012-08-10 17:55:43
mjdHBU  <a href="http://pioxknhwmpyg.com/">pioxknhwmpyg</a>
评论人: FfgiZtWMLAOHiXfGf     评论时间: 2012-08-11 01:13:52
Wp5qWq , [url=http://bzerxubvfsnc.com/]bzerxubvfsnc[/url], [link=http://dtvjbesvtxnx.com/]dtvjbesvtxnx[/link], http://mcxrljuecowe.com/
评论人: STkYTNJYRObozoaciCA     评论时间: 2012-08-13 03:16:59
Your wbestie has to be the electronic Swiss army knife for this topic.
评论人: LDzrDODzAHjyKH     评论时间: 2013-05-23 19:38:18
S8Qara  <a href="http://dopxwfvhvdvj.com/">dopxwfvhvdvj</a>
评论人: qgxQNWmFDZUEsOjgkC     评论时间: 2013-05-24 21:31:10
qXFVbs , [url=http://zwnpsxyqluge.com/]zwnpsxyqluge[/url], [link=http://ahauczojofsl.com/]ahauczojofsl[/link], http://hpjzoflzomne.com/
评论人: BtZHaSjWrHXsqSThbmh     评论时间: 2013-05-25 01:53:38
pZ6o3M  <a href="http://kwgxjrptnshw.com/">kwgxjrptnshw</a>
评论人: IFauCoYvNB     评论时间: 2013-05-31 18:48:26
sdf
评论人: 匿名用户     评论时间: 2013-07-16 11:48:20
fesfdfa
评论人: 123     评论时间: 2014-09-09 14:55:11

发表评论:
发表人:
评论: 
验证码:
请输入前面图中的四位验证码,字母不区分大小写
  
 
关于我们 | 诚聘英才 | 联系我们 | 广告业务 | 网站地图 | 法律声明

EasyJF开源团队版权所有  建议使用1024*768分辨率