Z-tree实例（三）——callback与重新加载、追加

最新推荐文章于 2024-08-21 16:19:19 发布

wjiaoling136

最新推荐文章于 2024-08-21 16:19:19 发布

阅读量2.3k

点赞数

分类专栏： z-tree 文章标签： javascript java json ViewUI

本文链接：https://blog.csdn.net/wjiaoling136/article/details/84717272

版权

本文探讨了zTree的异步加载、悄悄重新加载和追加节点的实现与区别。异步加载显示加载图标，而悄悄加载不显示。重新加载会自动展开选中父节点的子节点，追加则会在已有子节点基础上增加新节点。

摘要由CSDN通过智能技术生成

官网上的“用 zTree 方法异步加载节点数据”例子不好使，我就自己研究了一下，这里做个记录。

1、页面布局（需要引入的JS文件，css文件就省了）：

<body>
<div class="content_wrap">
	<div class="zTreeDemoBackground left">
		<ul id="treeDemo" class="ztree"></ul>
	</div>
	<a href="javascript:void(0);" id="refreshNOde">重新加载</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="javascript:void(0);" id="refreshNodeSilent">悄悄地重新加载</a>
	<br />
	<br />
	
	<a href="javascript:void(0);" id="addNode">追加</a>&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="javascript:void(0);" id="addNodeSilent">悄悄地追加</a>
</div>
</body>

2、JS：

<script type="text/javascript">
var setting = {
		async: {
		enable: true,
		url:"area!async.action",
		type:"post",
		autoParam:["id=id"],
		//otherParam:{"otherParam":""},
		contentType:"application/x-www-form-urlencoded",
		dataType:"text",