直接上代码,
以下是html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>简单树</title>
<link rel="stylesheet" type="text/css" href="jslib/ext-2.3.0/resources/css/ext-all.css">
<script type="text/javascript" src="jslib/ext-2.3.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="jslib/ext-2.3.0/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){ var root = new Ext.tree.AsyncTreeNode(
{
text:'根',
loader: new Ext.tree.TreeLoader({dataUrl: 'data.js'})
}
);
var tree = new Ext.tree.TreePanel({
el: 'tree',
root:root
});
tree.render();
});
</script>
</head>
<body>
<div id='tree' style="width:500px;height:400px;border:1px solid #000000"></div>
</body>
</html>
data.js
[{
id: 1,
text: '子节点1',
leaf: true
},{
id: 2,
text: '儿子节点2',
children: [{
id: 3,
text: '孙子节点',
leaf: true
}]
}]运行时无法加载孩子节点
以下是html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>简单树</title>
<link rel="stylesheet" type="text/css" href="jslib/ext-2.3.0/resources/css/ext-all.css">
<script type="text/javascript" src="jslib/ext-2.3.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="jslib/ext-2.3.0/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){ var root = new Ext.tree.AsyncTreeNode(
{
text:'根',
loader: new Ext.tree.TreeLoader({dataUrl: 'data.js'})
}
);
var tree = new Ext.tree.TreePanel({
el: 'tree',
root:root
});
tree.render();
});
</script>
</head>
<body>
<div id='tree' style="width:500px;height:400px;border:1px solid #000000"></div>
</body>
</html>
data.js
[{
id: 1,
text: '子节点1',
leaf: true
},{
id: 2,
text: '儿子节点2',
children: [{
id: 3,
text: '孙子节点',
leaf: true
}]
}]运行时无法加载孩子节点
解决方案 »
- 头疼的ExtJS,兼容问题简直要命
- 如何用jQuery easyui实现下拉列表的分页和搜索功能?
- jquery 求助
- 多个字符串之间的比较怎么做
- this的问题,急求解决
- JS怎样知道FLASH被点击过?
- 请问,如何用超链来提交一个form,为何我以下Javascript代码无法提交正确form,谢谢!
- onchange="document.all.show.innerText=document.all['t'+value.substring(1)].value;">
- 如何通过javascript控制IE,不全屏就可以将标题栏和最大、最小、关闭等隐藏
- 我要把DelCart(pid)中的pid 传给DeleteValue=1&pid=pid中的最后一个pid,怎么表示?
- QQ空间中的这种效果怎样实现
- 如何得到一个树中选中的节点ID
这个放到treePanel里