最近在学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>
相关资源:敏捷开发V1.0.pptx