52,797
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>树测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css"
href="../ext/resources/css/ext-all.css">
<!--
<link rel="stylesheet" type="text/css"
href="../ext/resources/css/xtheme-darkgray.css">
-->
<link rel="stylesheet" type="text/css" href="../ext/ext-patch.css">
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript"
src="../ext/build/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function() {
var tree = new Ext.tree.TreePanel({
el:'tree',
animate:true,
autoScroll:true,
loader: new Ext.tree.TreeLoader({dataUrl: '1.txt'}), //直接加载TXT文件
enableDD:true,
containerScroll: true,
dropConfig: {appendOnly:true}
});
// set the root node
var root = new Ext.tree.AsyncTreeNode({
text: 'Ext JS',
draggable:false, // disable root node dragging
id:'source'
});
tree.setRootNode(root);
// render the tree
tree.render();
root.expand(false,false);
});
</script>
<body>
<div id="tree" style="height:300px;"></div>
</body>
</html>
[
{text:'01',children:[
{text:'01-01',leaf:true},
{text:'01-02',children:[
{text:'01-02-01',leaf:true},
{text:'01-02-02',leaf:true}
]},
{text:'01-03',leaf:true}
]},
{text:'02',leaf:true}
]