最近在学ext,有很多收获,拿出来和大家分享。
用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>