当前位置:   article > 正文

Tree树状图的动态增删查改(中)新增节点_树状图添加一个节点

树状图添加一个节点

一、 新增节点

1、 新增的基本功能样式可以在tree里面的案例找到,我这里用的添加节点是子节点,父节点其实是不用插件里面那个添加的。只要配置合适,给子节点添加子节点,该节点就会自动变成父节点的,前提是取消节点锁定。

2、
下面三个a标签分别是添加、修改和删除,把id等值写对了就能对树进行编辑操作了。
在这里插入图片描述

3、 只要上面的HTML样式写对了,点击了a标签它插件就会自己调用下面的add方法,新增节点后,在data那里获取值传到控制器,再通过从控制器返回的id来添加到刚新增的节点上,这一步非常关键,如果没有成功返回id到节点上,后面对刚新增的节点进行修改或删除操作时就会失效,并且刷新下页面又可以了,这个问题就是新增后的节点没有id造成的。

//新增节点
        var newCount = 1;
        function add(e) {
            var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
             isParent = e.data.isParent,
             nodes = zTree.getSelectedNodes(),
             treeNode = nodes[0];
            name = "新建分类" + (newCount++);
            if (treeNode.id == 403) {
                return layer.msg("系统初始化分类,不允许编辑、
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/125258
推荐阅读