ASP.NET MVC树形单击选中批量处理

最新推荐文章于 2022-10-12 21:15:19 发布

先闻其声

最新推荐文章于 2022-10-12 21:15:19 发布

阅读量306

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_44556821/article/details/86659354

假期文献专栏收录该内容

2 篇文章

订阅专栏

本文分享了一种在zTree树形结构中批量删除节点的方法，通过JavaScript实现了Control键多选节点并批量处理的功能，提高了操作效率。

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

树形单击选中批量处理

批量处理在新增、删除zTree树形节点时方便了操作，我就分享下做过的批量删除节点的方法：

见效果图?

在这里插入图片描述

以下为实现代码与个人注解?

 function DeleteC() {
            var d = 0;//声明处理数据次数
            var treeObj = $.fn.zTree.getZTreeObj("tree");//获取树形对象
            var nodes = treeObj.getSelectedNodes();//获取树形对象中已被选中的节点数组            
            if (nodes.length < 1) {
                layer.alert('请选择节点以删除', { icon: 0, title: '⚠' });
            }
            else {
                for (var i = 0; i < nodes.length; i++) {//遍历选中节点数组
                    if (nodes[i].level == 2) {//判断节点级别
                        var name = nodes[i].name;
                        var level = nodes[i].level;
                        var Pname = nodes[i].getParentNode().name;//获取父节点名称
                        $.post('/BackgroundIndex/DeleteC', { name: name, level: level, Pname: Pname }, function (msg) {
                            if (msg) {
                                d++;//处理次数递增
                            }
                          })
                     }
                    if (nodes[i].level == 1) {
                        var name = nodes[i].name;
                        var level = nodes[i].level;
                        var Pname = '';
                        $.post('/BackgroundIndex/DeleteC', { name: name, level: level, Pname: Pname }, function (msg) {
                            if (msg) {
                                d++;//处理次数递增
                            }
                         })
                    }
                    if (nodes[i].level == 0) {
                        layer.alert('请勿选择职位节点进行删除', { icon: 0, title: '⚠' });
                        break;
                    }
                }
            }
            if (d != nodes.length) {//判断处理次数是否正确
                layer.alert('删除出错', { icon: 0, title: '⚠' });
            }
            else {
                layer.confirm('成功删除' + d + '个节点信息!', { icon: 6, title: '( •̀ ω •́ )y' }, function () {
                    treeObj.refresh();//树形刷新方法
                });
            }
   	 	}