博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
json 通过Ztree展示到页面
阅读量:7115 次
发布时间:2019-06-28

本文共 1336 字,大约阅读时间需要 4 分钟。

hot3.png

                var domId ='jsonToTreeId';

                function getTreeObj(){
                    return $.fn.zTree.getZTreeObj(domId);
                };

                scope.updata=updata;

                var jsonData = scope.data;
                function objfn(obj){
                    return Object.prototype.toString.call(obj).toLocaleLowerCase();
                }

                function isArray(obj){

                    return objfn(obj)=='[object array]';
                }

                function isObject(obj){

                    return objfn(obj)=='[object object]';
                }
               function getTreeArray(obj){
                   var treeNodesArrray = [],count = 10;
                   createTreeNode(obj,0);
                   function createTreeNode(obj, pId){
                       ++count;
                       for(var k in obj){
                           var params = {
                               pId: pId,
                               id: count
                           };
                           if(typeof obj[k] != 'object'){
                               params.name =k+':'+obj[k];
                           }else{
                               if(isArray(obj[k])){
                                   params.name = k+':Array['+obj[k].length+']';
                               }else if(isObject(obj[k])){
                                   params.name = k+':Object';
                               }else{
                                   params.name = k;
                               }
                               if(!$.isEmptyObject(obj[k])){
                                   createTreeNode(obj[k], count);
                               }
                           };
                           treeNodesArrray.push(params);
                       }
                   }
                   return treeNodesArrray;
               }
                var setting = {
                    edit: {
                        enable: true,
                        showRemoveBtn: false,
                        showRenameBtn: false
                    },
                    data: {
                        keep: {
                            parent: true,
                            leaf: true
                        },
                        simpleData: {
                            enable: true
                        }
                    },
                    callback: {

                    },

                    view: {
                        selectedMulti: false,
                        showIcon: false
                    }
                };
                $.fn.zTree.init(element, setting, getTreeArray(jsonData));
                //更新树
                function updata(data){
                    $.fn.zTree.destroy(domId);
                    $.fn.zTree.init(element.find('li'), setting, getTreeArray(data));
                }

转载于:https://my.oschina.net/u/1861097/blog/682117

你可能感兴趣的文章
hdu 2156 分数矩阵
查看>>
android SQLite数据库应用于草稿箱
查看>>
Android 无缝换肤深入了解与使用
查看>>
Cordova快速开始(安卓篇)
查看>>
ActiveMQ
查看>>
聚类算法(kmeans)详解和python实现
查看>>
四种遍历方法你选哪个?
查看>>
LeetCode41.缺失的第一个正数 JavaScript
查看>>
Java设计模式五——单件模式
查看>>
奇怪的 Ruby
查看>>
79. Word Search
查看>>
【Android】RxJava的使用(四)线程控制 —— Scheduler
查看>>
极限编程 (Extreme Programming) - 迭代计划 (Iterative Planning)
查看>>
小程序外卖购物车 直接就能用~
查看>>
Python版设计模式之监听者模式
查看>>
[Spring Security 5.2.0 翻译] 8 Architecture and Implementation
查看>>
使用 Sphinx 撰写技术文档并生成 PDF 总结
查看>>
Fastjson的基本使用方法大全
查看>>
SSH 超时设置
查看>>
webpack 最简打包结果分析
查看>>