用Ext 2.0做的一个简单的树

最近在学ext，有很多收获，拿出来和大家分享。

用ext做的一个简单的树：

代码片段：

<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/ext-lang-zh_CN-min.js"></script>

<!--ext程序中最基本的js文件，并且在用的时候要注意他们的顺序。现在分别介绍一下他们的位置：  
  
ext-all.js，adapter/ext/ext-base.js，build/locale/ext-lang-zh_CN.js和整个resources目录。  
  
ext-all.js，adapter/ext/ext-base.js就包含了ext的所有功能，所有的js脚本都在这里了。  
  
build/locale/ext-lang-zh_CN.js是中文翻译。  
  
resources目录下是css样式表和图片。  
-->  
<script >
Ext.onReady(function(){ 
var tree = new Ext.tree.TreePanel({el:'tree',width:'100',height:'100'});
var root  = new Ext.tree.TreeNode({text:'college'});
var pnode1 = new Ext.tree.TreeNode({text:'xinxi'});
var pnode2 = new Ext.tree.TreeNode({text:'jingguan'});
var cnode11 = new Ext.tree.TreeNode({text:'softwore'});
var cnode12 = new Ext.tree.TreeNode({text:'jike'});
var cnode21 = new Ext.tree.TreeNode({text:'kuaiji'});
var cnode22 = new Ext.tree.TreeNode({text:'guomao'});
pnode1.appendChild(cnode11);
pnode1.appendChild(cnode12);
pnode2.appendChild(cnode21);
pnode2.appendChild(cnode22);
root.appendChild(pnode1);
root.appendChild(pnode2);


tree.setRootNode(root);
tree.render();
});

</script>
<div align="center" id="tree" style="height:230px;" >tree例子</div>