一直以来,项目中用到的树形结构,都是用来读取显示数据、或者控制页面上其它内容的展示。对于树数据源的修改,一般由其它模块来完成,这样可以让功能单一化,不必让树的职责过多,但是却不得不再多加一步了。为了给用户提供最大的便利,省去这一步的麻烦,我们可以利用它的图标增删改功能,这样可以给用户最大的选择余地,也会让我们的系统更加的灵活。
一、简述
在做之前,先简单介绍下我们要实现的功能。首先,增删改查是对数据源的四大操作,这也就是我们要给tree添加的东西了。“查询”在加载tree的时候已经实现了,剩下的分别是:增加、删除、修改,对它们的实现流程就是:
1.在加载完tree以后,当鼠标移动到tree节点上时,自动加载增删改按钮
2.这三个按钮分别控制tree节点的增删改功能
3.当鼠标移出tree节点且该节点未被选中时,按钮消失。
二、增加ztree节点
鼠标在tree上的移动事件,分别由tree的移入、移出属性负责,我们可以在定义tree的时候就绑定好,分别是addHoverDom、removeHoverDom,增加事件就写在了addHoverDom中