Ztree后添加按钮对节点进行增删改

最新推荐文章于 2023-10-31 17:14:15 发布

Jia_Li_z

最新推荐文章于 2023-10-31 17:14:15 发布

阅读量2.5k

点赞数

分类专栏： JavaScript 文章标签： JavaScript Ztree

本文链接：https://blog.youkuaiyun.com/rochenhack/article/details/90604937

版权

本文记录了使用Ztree展示参数信息时遇到的问题及解决方法，特别是如何在节点后添加按钮以实现增删改功能。关键在于正确引入Ztree的库文件，避免同时引入core和all包，只需引入all包即可使功能正常显示。

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

最近项目用到了Ztree去展示参数信息,在这里记录一下.代码如下

var setting = {
            view:{
                addHoverDom: addHoverDom,
                removeHoverDom: removeHoverDom,
                // addDiyDom: addDiyDom
            },
            async:{
                autoParam:['pid'],
                url:'/index.php/dict/getParamTree'
            },
            isSimpleData : false, //数据是否采用简单 Array 格式，默认false
            treeNodeKey : "id", //在isSimpleData格式下，当前节点id属性
            treeNodeParentKey : "pId", //在isSimpleData格式下，当前节点的父节点id属性
            showLine : true, //是否显示节点间的连线
    callback :{
        onClick : OnClick,
        onDblClick: OnDblClick
    },
    //checkable : true //每个节点上是否显示 CheckBox
    };

    /*节点操作*/
    function addHoverDom(treeId, treeNode) {
        var aObj = $("#" + treeNode.tId + "_a");
        console.log(aObj);
        if ($("#

最低0.47元/天解锁文章