ztree节点操作

一直以来，项目中用到的树形结构，都是用来读取显示数据、或者控制页面上其它内容的展示。对于树数据源的修改，一般由其它模块来完成，这样可以让功能单一化，不必让树的职责过多，但是却不得不再多加一步了。为了给用户提供最大的便利，省去这一步的麻烦，我们可以利用它的图标增删改功能，这样可以给用户最大的选择余地，也会让我们的系统更加的灵活。

一、简述

       在做之前，先简单介绍下我们要实现的功能。首先，增删改查是对数据源的四大操作，这也就是我们要给tree添加的东西了。“查询”在加载tree的时候已经实现了，剩下的分别是：增加、删除、修改，对它们的实现流程就是：

       1.在加载完tree以后，当鼠标移动到tree节点上时，自动加载增删改按钮

       2.这三个按钮分别控制tree节点的增删改功能

       3.当鼠标移出tree节点且该节点未被选中时，按钮消失。

二、增加ztree节点

        鼠标在tree上的移动事件，分别由tree的移入、移出属性负责，我们可以在定义tree的时候就绑定好，分别是addHoverDom、removeHoverDom，增加事件就写在了addHoverDom中

[javascript]  view plain   copy

1. //树属性的定义  
2. var setting = {  
3.     //页面上的显示效果  
4.     view: {  
5.         addHoverDom: addHoverDom, //当鼠标移动到节点上时，显示用户自定义控件  
6.         removeHoverDom: removeHoverDom, //离开节点时的操作  
7.         fontCss: getFontCss //个性化样式  
8.     },  
9.     edit: {  
10.         enable: true, //单独设置为true时，可加载修改、删除图标  
11.         editNameSelectAll: true,  
12.         showRemoveBtn: showRemoveBtn,  
13.         showRenameBtn: showRenameBtn  
14.     },  
15.     data: {  
16.         simpleData: {  
17.             enable:true,  
18.             idKey: "id",  
19.             pIdKey: "pId",  
20.             system:"system"