程序员不易，且干且珍惜！

后管项目中，树形图是我们经常用到的一个组件，很多还要求用户可以编辑，增删改查子级。原来一直都是着急忙慌的写上该功能，现在终于有时间整理一下了。

其实，百度上有很多该功能的实现方法，提供给我们开发过程中借鉴，我也尝试过不同的写法，有的效果不佳，有的已经不能用了，本篇文章，是我总结后的自认为比较好用的，我以后遇到此类的需求就可以直接用，在这里，也算是记录一下：

1，实现效果和逻辑

效果：树结构未操作时，所有层级展开，操作按钮隐藏；鼠标移入某层级，该层级显示要求的操作按钮，比如：最后一层级不可添加，其他层级可以增删改。

逻辑：实现树结构可以编辑主要思想就是 - 树结构开启可自定义模式，操作某一层级的时候显示不同的内容（其实也就是不同的操作按钮和输入框），在我们操作结束时，将更改数据存入后端，完成增删改功能，树结构刷新。

2，效果图

未编辑状态                                                              编辑状态：

 

 3，实现代码

 该功能就记录到这里，有需要的小伙伴可以直接拿去使用，一般情况下不会有问题，嘎嘎好用！

拜了个拜，迪迦。。。

推荐阅读

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：