2021-03-25

最新推荐文章于 2022-01-27 09:49:40 发布

黎明的寒冷谁可知

最新推荐文章于 2022-01-27 09:49:40 发布

阅读量167

点赞数

分类专栏： ztree ztree转换普通json格式数据文章标签： jquery

本文链接：https://blog.csdn.net/h1011048648/article/details/115212061

版权

ztree 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

ztree转换普通json格式数据

1 篇文章 0 订阅

订阅专栏

简单实现ztree转换json数据的方法

jquery-1.12.4.min.js 包

jquery.ztree.core.js 包

<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO </TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--    <link rel="stylesheet" href="zTreeStyle/zTreeStyle.css" type="text/css">-->
    <script src="./public/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="./public/zTree/jquery.ztree.core.js"></script>
    <!--
      <script type="text/javascript" src="jquery.ztree.excheck.js"></script>
      <script type="text/javascript" src="jquery.ztree.exedit.js"></script>
    -->
    <SCRIPT type="text/javascript" >
        var zTreeObj,
            setting = {
                data : {
                    simpleData : {
                        enable:true,
                        idKey: "id",
                        pIdKey: "parentId",
                        rootPId: null
                    }
                },
                view: {
                    selectedMulti: false
                },
            },
            nodes =  [
                {id:1, pId:0, name: "父节点1"},
                {id:2, pId:1, name: "子节点1"},
                {id:3, pId:1, name: "子节点1"},
                {id:11, pId:3, name: "孙子节点1"},
                {id:12, pId:1, name: "子节点2"}
            ];

        $(document).ready(function(){
            zTreeObj = $.fn.zTree.init($("#tree"), setting, nodes);

        });
    </SCRIPT>
</HEAD>

<BODY>
<ul id="tree" class="ztree" style="width:230px; overflow:auto;"></ul>
</BODY>
</HTML>