在树初始化时,加一个load图片

[size=medium]
[color=red]做个浮动图层放在 zTree 上面, 然后利用 asnycSuccess 和 asyncError 回调捕获 ajax加载完毕,这时候让你的loading图层隐藏[/color][/size]


<SCRIPT LANGUAGE="JavaScript">
<!--
var setting = {
async: {
enable: true,
url:"http://localhost:8080/../TtreeKode",
autoParam:["id", "name=n","url"],
expandSpeed:false,
dataFilter: filter
},
callback: {
onClick: onClick,
beforeAsync: beforeAsync,
onCollapse: onCollapse,
onExpand: onExpand,
onAsyncSuccess:zTreeOnAsyncSuccess
}
};

function getTime() {
var now= new Date(),
h=now.getHours(),
m=now.getMinutes(),
s=now.getSeconds(),
ms=now.getMilliseconds();
return (h+":"+m+":"+s+ " " +ms);
}

function onCollapse(event, treeId, treeNode) {
//alert("onCollapse: " + treeId + "," + treeNode.name + "," + treeNode.id+ "," + treeNode.url);
}

function onExpand(event, treeId, treeNode) {
//alert("onExpand: " + treeId + "," + treeNode.name+ "," + treeNode.id+ "," + treeNode.url);
}

function onClick(event, treeId, treeNode, clickFlag) {
alert(treeNode.name);
//alert("onClick: " + treeId + "," + treeNode.name + "," + clickFlag+ "," + treeNode.id+ "," + treeNode.url);
}

function filter(treeId, parentNode, childNodes) {
if (!childNodes) return null;
for (var i=0, l=childNodes.length; i<l; i++) {
childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
}
return childNodes;
}
function beforeAsync(treeId, treeNode) {
return treeNode ? treeNode.level < 5 : true;
}
关键点--->
function zTreeOnAsyncSuccess(event,treeId, treeNode, msg) {
//alert(msg);
style="display: none;"
document.getElementById("process").style.display="none";
document.getElementById("treeDemo").style.visibility="visible";
}

$(document).ready(function(){
$.fn.zTree.init($("#treeDemo"), setting);
document.getElementById("treeDemo").style.visibility="hidden";
});
//-->
</SCRIPT>




<ul id="process" class="ztree"><img id='loadingImg' style='margin-left:30px;' src='<%=basePath%>helloword/img/03.gif' /></ul>
<ul id="treeDemo" class="ztree"></ul>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值