文档章节

json 通过Ztree展示到页面

一颗星星变了心
 一颗星星变了心
发布于 2016/05/26 18:16
字数 157
阅读 67
收藏 4

                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));
                }

© 著作权归作者所有

上一篇: angular 学习笔记
下一篇: json对象找根节点
一颗星星变了心
粉丝 9
博文 28
码字总数 12517
作品 0
成都
网页/平面设计
私信 提问
ztree根据ID自动展开到指定节点。

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String type= request.getParameter("type"); %> 以......

小乞丐
2013/06/06
18K
9
求教一个 node.js+zTree的问题

最近刚学node.js 使用的mongodb数据库 数据结构 {_id:1,pid:0,name:"根节点",url:"www.www.cn"} 使用的 是zTree的插件 把代码最简化后 我的node.js代码 exports.tree = function(req, res){......

菜鸟入门
2013/12/03
281
1
Jquery-zTree的基本用法

【简介】 zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性...

0o清风徐来o0
2013/03/28
3.5K
0
angularjs多个页面使用多个不同ztree,似乎不能共存问题

@zTree 你好,想跟你请教个问题: angularjs不同的页面使用多个ztree,页面来回反复点击后,之前的页面存在一个ztree,点到另一个含有ztree的页面,再点回来时,之前的ztree就变成空白了,请问...

greakos
2017/04/24
289
1
【zTree】zTree开发使用说明【20140610】

使用条件: 使用zTree树形结构,需要在当前页面中载入zTree的js文件和样式文件 zTree核心js文件:jquery.ztree-2.6.js zTree样式文件: 因为zTree是基于jquery,所以还需要对应的jQuery库文件 ...

shihuafu
2014/06/10
2.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

关于AsyncTask的onPostExcute方法是否会在Activity重建过程中调用的问题

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/XG1057415595/article/details/86774575 假设下面一种情况...

shzwork
今天
6
0
object 类中有哪些方法?

getClass(): 获取运行时类的对象 equals():判断其他对象是否与此对象相等 hashcode():返回该对象的哈希码值 toString():返回该对象的字符串表示 clone(): 创建并返此对象的一个副本 wait...

happywe
今天
6
0
Docker容器实战(七) - 容器中进程视野下的文件系统

前两文中,讲了Linux容器最基础的两种技术 Namespace 作用是“隔离”,它让应用进程只能看到该Namespace内的“世界” Cgroups 作用是“限制”,它给这个“世界”围上了一圈看不见的墙 这么一...

JavaEdge
今天
8
0
文件访问和共享的方法介绍

在上一篇文章中,你了解到文件有三个不同的权限集。拥有该文件的用户有一个集合,拥有该文件的组的成员有一个集合,然后最终一个集合适用于其他所有人。在长列表(ls -l)中这些权限使用符号...

老孟的Linux私房菜
今天
7
0
面试套路题目

作者:抱紧超越小姐姐 链接:https://www.nowcoder.com/discuss/309292?type=3 来源:牛客网 面试时候的潜台词 抱紧超越小姐姐 编辑于 2019-10-15 16:14:56APP内打开赞 3 | 收藏 4 | 回复24 ...

MtrS
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部