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;
    }
}


相关文章
|
JavaScript Java
ztree实现根节点右击事件,弹出菜单进行增删改操作
ztree实现根节点右击事件,弹出菜单进行增删改操作
70 0
04zTree - 不显示节点图标的树
04zTree - 不显示节点图标的树
133 0
|
JSON 前端开发 数据格式
获取ztree树的选中子菜单信息并且提交给后端
获取ztree树的选中子菜单信息并且提交给后端
80 0
获取ztree树的选中子菜单信息并且提交给后端
|
JSON JavaScript 数据格式
Elementui Tree 树形控件,将勾选选中的值放在list集合里面提交
Elementui Tree 树形控件,将勾选选中的值放在list集合里面提交
90 1
|
JavaScript
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
Vue使用Element的表格Table显示树形数据,多选框全选无法选中全部节点
417 0
|
7月前
|
前端开发 JavaScript
【定制需求】el-tree 树形控件实现:每级可单独选择,选择父级不选中子集,子集全部选中不自动选中父级,手写按钮可支持子集全选,以及取消子集全选,el-tree 树形控件取消父子级联动选择
【定制需求】el-tree 树形控件实现:每级可单独选择,选择父级不选中子集,子集全部选中不自动选中父级,手写按钮可支持子集全选,以及取消子集全选,el-tree 树形控件取消父子级联动选择
485 0
|
前端开发 JavaScript
前端:JS实现双击table单元格变为可编辑状态
前端:JS实现双击table单元格变为可编辑状态
457 0

热门文章

最新文章