53 - 尚硅谷-RBAC权限实战-许可维护 - 节点按钮分析.avi原创

图标现在我们已经看完了，接下来我们往下来看啊，下面呢还有两个方法，这两个方法呢，是我们能够在节点后面增加按钮的关键啊，首先我们来看看这个拷贝。在我们这里搜索一下。好，大家可以看到在我们这个位置点一下。嗯，他说是用于当鼠标移动到节点上的时候，有显示用户自定义的空间。那么鼠标放上去，它就能够看到按钮，就是这么出来的啊好，咱们再看另外一个。还有一个叫啊删除，那所以呢，在下面有一个叫remove。是当我们鼠标移出节点的时候来隐藏，一个是显示一个是隐藏啊好，那么我们大概的知道它的含义了，咱们接着呢往下，那么下面大家可以看到在方法里面，它这边同样获取了一个页面的元素，那这个是什么呢？我们来看一看。

在我们这里，我点一下点击检查，那么我们这里就会有个A，这个A其实就是我们的点击的链接标签，它里面包含了我们的图标和我们的文字，他们都可以点击啊，然后我们往下来看它这个地方我们先不管它，咱们往下看，下面是一个标签，它是拼接了一个字符串，然后在最后的位置呢，它拼接了一个完整的字符串，其中这个字符串里面可能会增加按钮，只不过在它的后面，它加了一个叫after。这个after呢，它表述的是把这个字符串拼接到这个A的后面，所以大家观察一下来，当我鼠标放上去的时候，大家看一下在我们下面的这个位置啊，咱们可以观察一下，我们这是A，然后我鼠标放上去，你会发现在A的下面多了一个span，我一离开又没了啊，它其实我们的按钮就这么出来的，那我们的按钮是这么出来的话，那么显示什么样的按钮，那是它是怎么决定的呢？我们看看，首先这里面有if，这个if呢是chino的，其实就是我们的那个Jason的对象，那它里面有个level属性，这个level属性我们可以看一看啊，来找到我们的文档。

文档当中啊，我们这里咱们看一看它的去node，其中有一个level的属性在这儿呢，打开打开以后他说了这个level属性，它记录了节点的乘积，那也就是说它是第几层的，如果它等于零的话，它就是根节点，所以我们程序当中这个地方就在判断你是不是根节点，如果你是根节点的话，你的菜单只有一个，那这个呢，是我们的一个plus啊，增加的意思，所以我们来看一看，观察一下，当我们的根节点我鼠标放上去，没错，它的后面就有一个加号啊，然后我们再来往下看。

下面是我们的level等于一，然后呢，一个按钮两个按钮，中间还可能有三个按钮，所以我们来观察一下来，我们鼠标放上去，你会发现它有三个，你再放到这儿来有两个，那这个又是怎么回事呢？我们再看一看。它表述的含义呢，是说有两个，但是如果它的子节点的长度等于零，就会有三个，就说明它没有子节点，那么就会有三个按钮，多的这个按钮呢，它是什么呢？它是这边会有一个叫times，是这其实是一个删除的按钮，所以说你会发现我鼠标放上去，它有个中间有一个删除，那么放下来它就没有那个删除了，为什么这样呢？是因为我们有上下级的关系，那如果你把上级的这个菜单给它删掉的话，下面的这些数据就找不到它的关联了，就会出现冗余数据啊，所以我们的父节点是不能删的，但是我们的子节点或者叫in节点是可以删除的啊，然后我们再来往下，下面呢，还有我们等于二。

那么等于二的话，它里面就两个按钮，其实在我们这个位置大家可以看到，诶，就两个按钮，一个删除，一个修改，那么为什么没有增加了呢？因为我们说呀，它这里就是菜单，而这个菜单就是左边的这些数据，所以我们这里就两成，那么它这也是两成，所以啊，我们的菜单就是这么出来的。