码迷,mamicode.com
首页 > 其他好文 > 详细

Tree 树形控件

时间:2018-04-18 11:46:57      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:节点   pre   div   请求   and   自动   判断   OLE   数组   

一、如何实现点击某一级再请求下一级数据展示

答:通过handleNodeClick事件获取当前点击节点,判断该节点下是否有子集且子集是否有内容(后台返回上级数据会给字段表明是否还有子集),请求数据并将数据直接push进该节点下的子集数组,根据对象的按值传递原理,整个树形结构对象会自动更改,无须自己匹配数据应该放在哪个层级。

       后台至少每次返回两层级的数据,否则会出现节点需要点击两次才可展开层级,一次是请求数据,二次是打开层级。

// 后台第一次给的数据格式
data: [
        {
          a: ‘一级 1‘,
          id: ‘0‘,
          has: true,
          children: [
            {
              a: ‘二级 0-0‘,
              id: ‘0-0‘,
              preid: ‘0‘,
              has: true,
              children: []
            }
          ]
        }
      ]
    // --点击节点事件
    handleNodeClick(data) {
      console.log(‘当前点击的节点‘, data)
      if (data.has && data.children.length === 0) {
       // push请求到的数据
        data.children.push({
          id: 244,
          a: ‘三级 2-1-1‘,
          has: true,
          children: []
        })
        console.log(‘插入内容后的当前节点‘, data)
      }
    }
 

 

Tree 树形控件

标签:节点   pre   div   请求   and   自动   判断   OLE   数组   

原文地址:https://www.cnblogs.com/ahao68/p/8872522.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!