Tree树状图的动态增删查改（下）修改与删除

最新推荐文章于 2022-09-29 17:48:53 发布

亿米酒酒

最新推荐文章于 2022-09-29 17:48:53 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 后台 c# 文章标签： tree jq 树状图修改删除

本文链接：https://blog.youkuaiyun.com/weixin_44484452/article/details/96149209

本文介绍了树状图中删除和修改节点的实现方法。删除操作需在插件内置的remove方法内完成，判断并处理父节点及其子节点情况，通过AJAX传递ID至数据库进行删除。修改节点则需在beforeRename方法中处理，确保离开节点时保存修改，同样使用AJAX提交修改后的ID和名称至控制器进行更新。

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

一、整个树状图中，修改和删除可以说是比较容易理解的功能了，相比于新增操作也少了很多，也用不着把id传来传去的。

二、删除节点

1、修改的位置比较特殊，所以就先说下删除是怎么做的吧。

2、第一步，删除的方法必须写在插件自带的remove的方法里面，然后就是用插件的方法获取选中的值，再下去的就是判断了。isParent等于true的话就说明选中的是父节点，并且下面是判断到有子节点的，后面的两个就是限制修改和提示选择节点的功能了。

3、最后通过ajax提交id到数据库，数据库的删除方法和普通的删除方法是没有什么区别的，也是通过接收到id进行删除的。

//删除节点
        function remove(e) {
            var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
   nodes = zTree.getSelectedNodes(),
            isParent = nodes[0].isParent,
   treeNode = nodes[0];
            if (isParent == true) {
                return layer.msg("该分类下存在子节点，请先删除子节点")
            }
            if (treeNode.id == 403 || treeNode.id == 1) {
                return layer.msg("系统初始化分类，不允许编辑、删除或添加子分类。")
            }
            if (nodes.length == 0) {
                layer.msg("请先选择一个节点");
                return;
            } else {
                $.ajax({
                    url: "/ClienteleManagement/Client/DeleteTree",
                    data: