ztree隐藏指定节点后面的(重命名和删除)图标

简介: ztree隐藏指定节点后面的(重命名和删除)图标


  1. 在想要隐藏的节点(节点)上添加两个属性noRemoveBtn,noEditBtn;值为true;如:只隐藏父节点后面图标
function addBtnProperty(nodes){
    $.each(nodes,function(i,node){
               if(node.pid == 0){
                  node.noRemoveBtn=true;
                  node.noEditBtn=true;
                }
    })
    return nodes;
}
  1. 在zTree的的设置中设置编辑,设置showRenameBtn和showRemoveBtn的值为两个函数
var setting = {
     edit: {
            enable: true,
            showRenameBtn:showRenameBtn,
            showRemoveBtn:showRemoveBtn,
    drag: {
        isCopy: false,
        isMove: true
          }
      }
};
  1. 添加showRenameBtn()和showRemoveBtn()方法
//是否显示编辑按钮
function  showRenameBtn(treeId, treeNode){
    //获取节点所配置的noEditBtn属性值
    if(treeNode.noEditBtn != undefined && treeNode.noEditBtn){
        return false;
    }else{
        return true;
    }
}
//是否显示删除按钮
function showRemoveBtn(treeId, treeNode){
    //获取节点所配置的noRemoveBtn属性值
    if(treeNode.noRemoveBtn != undefined && treeNode.noRemoveBtn){
        return false;
    }else{
        return true;
    }
}


相关文章
|
8月前
|
JavaScript
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
142 0
|
10月前
【el-tree】树形结构拖拽,拖动修改分组
【el-tree】树形结构拖拽,拖动修改分组
336 1
|
JavaScript
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
1453 0
VUE element-ui之el-tree树形控件勾选节点指定节点自动勾选(指定节点为必选项)
|
2月前
|
JavaScript
Vue-实现点击空白处隐藏某节点
Vue-实现点击空白处隐藏某节点
39 1
|
8月前
|
JSON JavaScript 数据格式
Elementui Tree 树形控件,将勾选选中的值放在list集合里面提交
Elementui Tree 树形控件,将勾选选中的值放在list集合里面提交
50 1
|
8月前
|
JSON 前端开发 数据格式
获取ztree树的选中子菜单信息并且提交给后端
获取ztree树的选中子菜单信息并且提交给后端
34 0
获取ztree树的选中子菜单信息并且提交给后端
|
8月前
|
JSON JavaScript 前端开发
Elementui Tree 树形控件删除功能
Elementui Tree 树形控件删除功能
44 0
Elementui Tree 树形控件删除功能
|
8月前
|
前端开发
ztree实现编辑和删除功能
ztree实现编辑和删除功能
68 0
|
8月前
|
JavaScript Java
ztree实现根节点右击事件,弹出菜单进行增删改操作
ztree实现根节点右击事件,弹出菜单进行增删改操作
24 0
|
9月前
39zTree - 单击展开/折叠节点
39zTree - 单击展开/折叠节点
36 0