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()
        }

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

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

相关推荐
search75 小时前
前端设计:CRG 3--CDC error
前端
治金的blog5 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大6 小时前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
Lhuu(重开版6 小时前
JS:正则表达式和作用域
开发语言·javascript·正则表达式
荔枝一杯酸牛奶7 小时前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll8 小时前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im8 小时前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜8 小时前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
摘星编程9 小时前
用React Native开发OpenHarmony应用:NFC读取标签数据
javascript·react native·react.js
GISer_Jing9 小时前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs