layui tree customSelet选中的内容重写,查找父级

layui tree customSelet选中的内容重写,查找父级

需要重新源码

// 递归查找函数

// tree 所有数据 ,nodeId选中数据id值

复制代码
function findParent(tree, nodeId, parent = null) {
    for (let i = 0; i < tree.length; i++) {
        if (tree[i].id === nodeId) {
            return parent;
        }
        if (tree[i].children && tree[i].children.length > 0) {
            const found = findParent(tree[i].children, nodeId, tree[i]);
            if (found) return found;
        }
    }
    return null;
}

源码位置

复制代码
      onclick: function (data) {
            var values = '';
            var parent1 = findParent(datas, data.data.id);
            var parent1_val = '';
            var parent_val = '';
            if(parent1){
                parent1_val = data.data.title
                values = parent1.title + ' -> ' + data.data.title
                var parent = findParent(datas, parent1.id);
                if(parent){
                    parent_val = parent.title
                    values = parent_val + ' -> ' + parent1.title + ' -> ' + data.data.title
                }
            }
            $el.val(values)
            checked({
                obj: data,
                checkedDatas: null,
                combData: {
                    values: data.data.title,
                    idents: data.data.id,
                    datas: data.data
                }
            })
            $(listm).hide()
        }

选中金水区 显示内容如下:

河南省 -> 郑州市 -> 金水区

相关推荐
张拭心1 天前
Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser
前端·人工智能
I'm Jie1 天前
深入了解 Vue 3 组件间通信机制
前端·javascript·vue.js
用户90443816324601 天前
90%前端都踩过的JS内存黑洞:从《你不知道的JavaScript》解锁底层逻辑与避坑指南
前端·javascript·面试
CodeCraft Studio1 天前
文档开发组件Aspose 25.12全新发布:多模块更新,继续强化文档、图像与演示处理能力
前端·.net·ppt·aspose·文档转换·word文档开发·文档开发api
PPPPickup1 天前
easychat项目复盘---获取联系人列表,联系人详细,删除拉黑联系人
java·前端·javascript
老前端的功夫1 天前
前端高可靠架构:医疗级Web应用的实时通信设计与实践
前端·javascript·vue.js·ubuntu·架构·前端框架
前端大卫1 天前
【重磅福利】学生认证可免费领取 Gemini 3 Pro 一年
前端·人工智能
孜燃1 天前
Flutter APP跳转Flutter APP 携带参数
前端·flutter
脾气有点小暴1 天前
前端页面跳转的核心区别与实战指南
开发语言·前端·javascript
lxh01131 天前
最长递增子序列
前端·数据结构·算法