jquery.treetable再次刷新无效

最新推荐文章于 2025-05-28 11:06:12 发布

原创最新推荐文章于 2025-05-28 11:06:12 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

博客指出页面首次进入渲染正常，但tab切换后树结构未生效出现异常，并提及解决方法需参考文档和源码。主要围绕前端页面渲染及tab切换后的问题展开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要的效果在这里插入图片描述首次进入页面渲染正常，但是tab切换后出现异常，树结构没有生效
解决方法：

 //初始化表格
    function initTable(dom,obj) {
        var html = "";
        var node;

        $.each(obj, function(index, value) {
            html += '<tr data-tt-id="' + value.nodeId + '" data-tt-parent-id="' + value.pid + '">'+
                    '<td>' + value.code + '</td>'+
                    '<td>' + value.name + '</td>'+
                    '<td>' + value.remarks + '</td>'+
                    '<td>'+
                    '<button class="btn btn-xs btn-success" id="add_'+value.nodeId+'" onclick="onAddTR('+value.id+')">新增下级</button>' +
                    '<button class="btn btn-xs btn-warning" onclick="edit(this)">修改</button>' +
                    '<button class="btn btn-xs btn-danger" id="del_'+value.nodeId+'" onclick="onDelTR('+value.id+')">删除</button>'+
                    '</td>'+
                    '</tr>'
        });
        dom.append(html);

        dom.treetable({
            theme:'vsStyle',
            expandable : true,
            initialState:"collapsed",//默认   expanded展开  collapsed不展开
            clickableNodeNames:false,//点击节点名称也打开子节点.
            //expandLevel : 2,
            indent : 20//每个分支缩进的像素数。
        },true);



    }

文档以及源码：
在这里插入图片描述插件源码在这里插入图片描述