当前位置: 首页 > article >正文

Layui树节点添加level属性

目的

        使用layui的树结构时候,有时候需要获取点击的节点的等级时,可以在data加载前给每个节点添加level属性。

实现

代码如下:

  // 递归函数,为每个节点添加层级信息
    function addLevel(nodes, level) {
        nodes.forEach(function(node) {
            node.level = level; // 设置当前节点的层级信息
            if (node.children && node.children.length > 0) { // 如果存在子节点,则递归计算子节点的层级信息
                addLevel(node.children, level + 1); // 层级加1后递归调用自身处理子节点列表
            } else { // 如果不存在子节点,则层级保持不变或设置为某个默认值(根据需求)
                node.level = level; // 或者不设置,默认为顶级节点的层级(此处仅为示例)
            }
        });
    }
 
     //treeData为后端封装好的layui的树的data数据
     addLevel(treeData, 1);

treeInstance = tree.render({
    elem: '#test-tree-demo'
    , data: treeData
    , onlyIconControl: true  //是否仅允许节点左侧图标控制展开收缩
    , edit: ['add', 'update', 'del']
    , click: function (obj) {
        console.log(obj.data.level);

 

 


http://www.kler.cn/a/540140.html

相关文章:

  • c语言函数学习
  • autMan奥特曼机器人-对接deepseek教程
  • DeepSeek与GPT大语言模型教程
  • PySide(PyQT)的 QGraphicsScene 中检测回车键
  • Linux(21)——系统日志
  • 激活函数篇 04 —— softmax函数
  • 【Linux】31.Linux 多线程(5)
  • Python+Flask搭建属于自己的B站,管理自己电脑里面的视频文件。支持对文件分类、重命名、删除等操作。
  • 日志统计(acWing,蓝桥杯)
  • PLSQL: 存储过程,用户自定义函数[oracle]
  • python-leetcode-组合总和
  • win10 llamafactory模型微调相关① || Ollama运行微调模型
  • 【论文阅读】Comment on the Security of “VOSA“
  • 并查集知识整理、蓝桥杯修改数组
  • 【vue】高德地图AMap.Polyline动态更新画折线,逐步绘制
  • 深度学习-神经机器翻译模型
  • 【1.05版】wordpressAI插件批量生成文章、图片、长尾关键词、文章采集、AI对话等
  • 软件工程 项目管理
  • 使用 mkcert 本地部署启动了 TLS/SSL 加密通讯的 MongoDB 副本集和分片集群
  • mysql 学习12 存储引擎,mysql体系结构
  • 技术栈选择:Vue 还是 React
  • gptme - 终端中的个人 AI 助手
  • 《一》深入了解软件测试工具 JMeter-自我介绍
  • 基于lstm+gru+transformer的电池寿命预测健康状态预测-完整数据代码
  • iOS Swift算法之KDF2
  • 【1】深入解析 SD-WAN:从思科 SD-WAN 视角看现代网络发展