二、树实例.docVIP

．树实例 1.简单树实例 Javascript源码： /**?*?SimpleTree?简单树实例?*?*?@author?9iE?*?@email?zu.stone@?*?三人行--取之于网,用之于网!?*/Ext.BLANK_IMAGE_URL?=?../ext/resources/images/default/s.gif;//?application?main?entry?pointExt.onReady(function()?{????Ext.QuickTips.init();??????//创建tree的面板即TreePanel??var?tree?=?new?Ext.tree.TreePanel({????title:simpleTree的练习,????id:extExample-tree-simpleTree,//设置一个id????autoScroll:true,//自动出现滚动条????enableDD:false,//是否支持拖拽效果????containerScroll:?true,//是否支持滚动条????rootVisible:true,//是否显示跟节点????loader:new?Ext.tree.TreeLoader({??????dataUrl:simpleTree.json//异步读取的url????}),????/*??????这是tree中最常用的一个toolbar，比如在上面添加刷新按钮????*/????tools:[{??????id:refresh,//根据id的不同会出现不同的按钮??????handler:function(){????????var?tree?=?Ext.getCmp(extExample-tree-simpleTree);????????tree.root.reload();//让根节点重新加载????????tree.body.mask(数据加载中……,?x-mask-loading);//给tree的body加上蒙版????????tree.root.expand(true,false,function(){??????????tree.body.unmask();//全部展开之后让蒙版消失????????});??????}????}]??});??????//创建根节点??var?root?=?new?Ext.tree.AsyncTreeNode({????text:木叶村,????draggable:false,//是否可以拖拽????id:extExample-tree-simpleTree-treeRoot??});????//设置树的根节点??tree.setRootNode(root);??/*????让根节点展开这个函数有三个参数分别为????1.[Boolean?deep]如果设置为true则将全部节点全部展开????2.[Boolean?anim]如果设置为true则在展开时伴随的动画效果????3.[Function?callback]?一个回调函数，当全部展开之后调用的??*/??root.expand(true,false);????//给tree的节点添加点击事件??tree.on(click,function(node){????var?nodeId?=?node.id;????var?nodeText?=?node.text;????alert(节点的id为：+nodeId+--节点的名字为：+nodeText)??});????//?create?and?show?window??var?win?=?new?Ext.Window({????width:350????,height:260????,minWidth:300????,minHeight:200????,plain:true????,title:Ext.fly(title).dom.innerHTML????,layout:fit????,border:false????,closable:false????,items:tree??});??win.show();}); Html源码： htmlhead??meta?http-equiv=Content-Type?content=text/html;?charset=gbk?/??link?rel=stylesheet?type=text/css?href=../ext/resources/css/ext-all.css?/??link?id