level 1
SunYuan331
楼主
<HTML>
<HEAD>
<TITLE> ZTREE DEMO </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="demoStyle/demo.css" type="text/css">
<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.ztree-2.6.js"></script>
<script type="text/javascript" src="demoTools.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
var zTree1,setting,isf=false;
var zNodes;
setting = {
expandSpeed: "",
showLine: true,
callback : {
beforeExpand: zTreeBeforeExpand,
}
};
function zTreeBeforeExpand(treeId, treeNode) {
loadData(treeId, treeNode,"refresh");
if(isf){isf=false;return false;}
return true;
}
function updateTree(parent, newNodes){
zTree1.addNodes(parent, newNodes);
zTree1.expandNode(parent, true, false);
zTree1.refresh();
}
function loadData(treeId, treeNode,reloadType){
if(treeNode.nodes || (!treeNode.isParent)){return;}else{isf=true;} //如果已存在下级节点或者不是目录，则不往下执行，else 设为第一次加载
if (reloadType == "refresh") {
treeNode.icon = "zTreeStyle/img/loading.gif";
zTree1.updateNode(treeNode);
}
$.ajax({
url: "./subjectSort!findTWO.action",
async: false,
data: "subSort="+treeNode.id,
success: function(backcall){
updateTree(treeNode,eval(backcall));
treeNode.icon = "";
zTree1.updateNode(treeNode);
zTree1.selectNode(treeNode.nodes[0]);
}
});
}
function reloadTree() {
zTree1 = $("#tree").zTree(setting, zNodes);
}
$(document).ready(function(){
$.ajax({
url: "./subjectSort!findOne.action",
async: false,
data: "",
success: function(backcall){
zNodes = eval(backcall);
}
});
reloadTree();
});
//-->
</SCRIPT>
</HEAD>
<BODY>
<center class="headTitle">大数据量演示<span> —— 高级异步加载</span></center>
<TABLE border=0 width="700" class="tb1">
<TR>
<TD width=340px align=center valign=top>
<span id="tree" class="tree"></span>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
360无法显示树结构，求高手解答
2011年09月06日 10点09分
1
<HEAD>
<TITLE> ZTREE DEMO </TITLE>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="demoStyle/demo.css" type="text/css">
<link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery.ztree-2.6.js"></script>
<script type="text/javascript" src="demoTools.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
var zTree1,setting,isf=false;
var zNodes;
setting = {
expandSpeed: "",
showLine: true,
callback : {
beforeExpand: zTreeBeforeExpand,
}
};
function zTreeBeforeExpand(treeId, treeNode) {
loadData(treeId, treeNode,"refresh");
if(isf){isf=false;return false;}
return true;
}
function updateTree(parent, newNodes){
zTree1.addNodes(parent, newNodes);
zTree1.expandNode(parent, true, false);
zTree1.refresh();
}
function loadData(treeId, treeNode,reloadType){
if(treeNode.nodes || (!treeNode.isParent)){return;}else{isf=true;} //如果已存在下级节点或者不是目录，则不往下执行，else 设为第一次加载
if (reloadType == "refresh") {
treeNode.icon = "zTreeStyle/img/loading.gif";
zTree1.updateNode(treeNode);
}
$.ajax({
url: "./subjectSort!findTWO.action",
async: false,
data: "subSort="+treeNode.id,
success: function(backcall){
updateTree(treeNode,eval(backcall));
treeNode.icon = "";
zTree1.updateNode(treeNode);
zTree1.selectNode(treeNode.nodes[0]);
}
});
}
function reloadTree() {
zTree1 = $("#tree").zTree(setting, zNodes);
}
$(document).ready(function(){
$.ajax({
url: "./subjectSort!findOne.action",
async: false,
data: "",
success: function(backcall){
zNodes = eval(backcall);
}
});
reloadTree();
});
//-->
</SCRIPT>
</HEAD>
<BODY>
<center class="headTitle">大数据量演示<span> —— 高级异步加载</span></center>
<TABLE border=0 width="700" class="tb1">
<TR>
<TD width=340px align=center valign=top>
<span id="tree" class="tree"></span>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
360无法显示树结构，求高手解答![[Love]](/static/emoticons/Love.png)
