zTree树形插件使用同步加载

最新推荐文章于 2023-02-27 17:22:44 发布

转载最新推荐文章于 2023-02-27 17:22:44 发布 · 248 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gulangly/p/7009070.html

文章标签：

#javascript #数据结构与算法 #ViewUI

本文介绍如何利用zTree插件结合jQuery实现动态加载树形结构数据，并展示了一个简单的示例。通过Ajax请求获取后台数据，利用zTree初始化插件完成树形结构的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<link rel="stylesheet" href="zTree_v3-master/css/demo.css">
<link rel="stylesheet" href="zTree_v3-master/css/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="zTree_v3-master/js/jquery.ztree.core.min.js"></script>    

<script type="text/javascript">

 $(function(){
        $.ajax({
            type:"post",
            url:"ztreeAction!sele.jhtml",
//查询的路径
            data:"",
            dataType:"json",
            success:function(result){
                if(result.success){
//查询后执行
                    $.fn.zTree.init($("#treeDemo"), setting, result.object);
//查询后执行
                }
            },
            error:function(){
                alert("错误");
            }
        })
    })
var setting = {
        data: {
            simpleData: {
                enable: true,
                pIdKey: "pid"
            }
        }
    };


</script>

<body>
树形展示：<div id="treeDemo" class="ztree"></div>
</body>

转载于:https://www.cnblogs.com/gulangly/p/7009070.html

zTree树形插件使用 同步加载

zTree树形插件使用同步加载