layui的动态树状图

本文介绍了如何在项目中利用layui库创建动态树状图。通过获取全部部门数据,利用坐标对象数组记录位置,将数据push进children来生成树形结构。然而,当部门数量庞大时,该方法可能会导致性能下降。文章旨在记录作者在实现这一功能过程中的进步。
摘要由CSDN通过智能技术生成

今天项目用到的layui的树状图
运行原理就是先查到全部的部门,然后有一个用于存储坐标对象的数组来记录具体位置
然后children.push进去,然后再去生成
缺点就是如果部门数量过大 运行会很缓慢
记录一下自己的进步

//树状图
layui.use([ ‘element’, ‘tree’, ‘layer’, ‘form’, ‘upload’ ], function() {
var $ = layui.jquery, tree = layui.tree;

    var data = [ {
        name : 'aaa',
        did : 1,
        code : 'aaaaa',
        cid : 0
    }, {
        name : 'bbb',
        did : 2,
        code : 'aaaaa',
        cid : 0
    }, {
        name : 'ccc',
        did : 3,
        code : 'aaaaa',
        cid : 0
    }, {
        name : 'eee',
        did : 4,
        code : 'aaaaa',
        cid : 1
    }, {
        name : 'eee',
        did : 5,
        code : 'aaaaa',
        cid : 2
    }, {
        name : 'eee',
        did : 6,
        code : 'aaaaa',
        cid : 3
    }, {
        name : 'eee',
 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值