资讯专栏INFORMATION COLUMN

渲染一个Tree结构

Zachary / 2454人阅读

摘要:生成的结构原始数据渲染成结构获取用有相同父的组,通过遍历上面的得到的组,组装成

生成Tree的结构 原始数据
    [{  "id":"PEData",
        "name":"PEData",
    },
    {
        "id":"OPT",
        "name":"OPT",
        "parentId":"PEData",
    },
    {
        "id":"OPT1",
        "name":"OPT1",
        "parentId":"PEData",
    
    },
    {
        "id":"OPT-1",
        "name":"OPT-1",
        "parentId":"OPT",
    }]
渲染成Tree结构
class TreeTest{
   constructor(treeData){
       this.tree = treeData || [];
       this.groups = {};
   }
    init(parentId) {
       this.group();    
        return this.getDom(this.groups[parentId]);
    } 
    group(){ //获取用有相同父ID的组,
        for(var i=0;i           
               
                                           
                       
                 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90746.html

相关文章

  • 浏览器渲染简述

    摘要:而浏览器渲染与密切相关,因此只有了解其中工作原理才能让更好地工作。浏览器也称为布局渲染方式瓦片渲染流畅动画总结参考文章浏览器用户界面包括地址栏前进后退按钮书签菜单等。浏览器引擎在用户界面和渲染引擎之间传送指令。渲染引擎负责显示请求的内容。 singsong: 文本是自己看了一些不错资料整理出来的,对该知识点感兴趣的同学可以查看参考文章小节。 ✏️最新内容请以github上的为准❗️ 为...

    Yang_River 评论0 收藏0
  • 浏览器渲染简述

    摘要:而浏览器渲染与密切相关,因此只有了解其中工作原理才能让更好地工作。浏览器也称为布局渲染方式瓦片渲染流畅动画总结参考文章浏览器用户界面包括地址栏前进后退按钮书签菜单等。浏览器引擎在用户界面和渲染引擎之间传送指令。渲染引擎负责显示请求的内容。 singsong: 文本是自己看了一些不错资料整理出来的,对该知识点感兴趣的同学可以查看参考文章小节。 ✏️最新内容请以github上的为准❗️ 为...

    shuibo 评论0 收藏0
  • 浏览器渲染简述

    摘要:而浏览器渲染与密切相关,因此只有了解其中工作原理才能让更好地工作。浏览器也称为布局渲染方式瓦片渲染流畅动画总结参考文章浏览器用户界面包括地址栏前进后退按钮书签菜单等。浏览器引擎在用户界面和渲染引擎之间传送指令。渲染引擎负责显示请求的内容。 singsong: 文本是自己看了一些不错资料整理出来的,对该知识点感兴趣的同学可以查看参考文章小节。 ✏️最新内容请以github上的为准❗️ 为...

    shleyZ 评论0 收藏0
  • 少妇白洁系列之React StateUp Pattern, Explained

    摘要:本文用于阐述模式的算法和数学背景,以及解释了它为什么是里最完美的状态管理实现。欢迎大家讨论和发表意见。 本文用于阐述StateUp模式的算法和数学背景,以及解释了它为什么是React里最完美的状态管理实现。 关于StateUp模式请参阅:https://segmentfault.com/a/11... P-State, V-State 如果要做组件的态封装,从组件内部看,存在两种不同的...

    20171112 评论0 收藏0

发表评论

0条评论

Zachary

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<