处理ztree树桩列表节点数据重复

先来看一段代码

下面展示一般都会用到的ztree代码块。

var setting = {
     
    //显示
    view: {
     
             selectedMulti: false, //在复制的时候，是否允许选中多个节点。true为支持，按下ctrl键生效，false不支持。
            dblClickExpand: false, //双击的时候是否切换展开状态。true为切换，false不切换
             fontCss: setFontCss_ztree  //设置节点的颜色
     },
    //增删改，移动复制
    edit: {
     
     enable: true, //如果enable为flase，那么树就不能移动了
     showRemoveBtn: true, //是否显示树的删除按钮
     showRenameBtn: true, //是否显示数的重命名按钮
     isSimpleData : true, //数据是否采用简单 Array 格式，默认false
     treeNodeKey : "id",  //在isSimpleData格式下，当前节点id属性
     treeNodeParentKey : "parentId",//在isSimpleData格式下，当前节点的父节点id属性
     showLine : true, //是否显示节点间的连线
     removeTitle: "删除节点",//删除Logo的提示
     renameTitle: "编辑节点",//修改Logo的提示
     //拖拽
     drag: {
     
      isCopy: true,//能够复制
      isMove: true,//能够移动
      prev: false,//不能拖拽到节点前
      next: false,//不能拖拽到节点后
      inner: true//只能拖拽到节点中
     }
    },
    //异步
    async: {
     
     enable: true, //开启异步加载
     type:"get",
     url:holly.getPath() + "/rest/treeCode/showZtreeSyncRest",
     contentType:"application/json",
     autoParam: ["id"], //异步加载数据，自动添加id参数，会自动获取当前节点的id值
     dataFilter:filter, //过滤，跟easy-ui中的loadFilter方法一样。
     otherParam: {
      "id":"1", "code_name":"固网测试"}//提交的时候就会提交参数id=1&code_name=固网测试
    },
    data:{
     
     key:{
     
      name:"codeName" //节点显示的值
     },
     //
     simpleData:{
     
      enable:true,//如果为true，可以直接把从数据库中得到的List集合自动转换为Array格式。而不必转换为json传递
      idKey:"id",//节点的id
      pIdKey:"parentId",//节点的父节点id
      rootPId:null
     }
    },
    //回调函数
    callback: {
     
     onRemove: zTreeOnRemove,//节点删除之后
     onClick: zTreeOnClick,//点击
     onRightClick: zTreeOnRightClick,//右键
     onAsyncSuccess: zTreeOnAsyncSuccess//异步加载
    }
   }

更详细ztree列表：https://blog.csdn.net/qq3892997/article/details/80306551

处理三要素

1、一定要对照官方文档（附上链接：http://www.treejs.cn/v3/api.php）

对照文档的目的是为了看你的js代码有没有按照要求来做，首先排查的当然是我们的ztree.js有没有问题。

2、检查接口代码或者逻辑有没有偏差

很有可能就是在写接口的时候，业务处理不够严谨导致的，这里属于代码错误。

3、重复数据删除

有些时候有些bug确实是不知所以然的出错，这说明水平不够，对技术了解的不够深入，但是这个需求急着解决怎么办那就只能手动改。如果上述的问题你都排查了没有问题的，那就证明你碰到了一个跟我一样的问题，接口拿到的数据有重复的数（这个还是我问我们的山哥给我的思路，手动狗头感谢山哥）怎么办！你应该想到了吧！在数据返回过来的时候数据去重，方法有很多种。