项目中需要右键树节点出现操作菜单,在网上查找了一些列子,结合自己的所写,展示给大家,或许用得着。

 

1、首先在页面内写出右键需要展示的功能菜单。并写出相应的点击事件。

关于zTree树节点右键单击出现菜单选项

2、在zTree的setting中的callback函数中加入:onRightClick: onRightClick

关于zTree树节点右键单击出现菜单选项

 

3、写右击函数:

关于zTree树节点右键单击出现菜单选项 关于zTree树节点右键单击出现菜单选项

效果如下:

关于zTree树节点右键单击出现菜单选项

4、写各个点击事件的操作:

关于zTree树节点右键单击出现菜单选项

 

5、至此结束zTree右键菜单事件,中间难点是如何将treeId传入函数,可以看到其中有

关于zTree树节点右键单击出现菜单选项

怎么得到的呢?以下:

关于zTree树节点右键单击出现菜单选项

 

关于zTree树节点右键单击出现菜单选项

最初在callback中根据节点的id属性拿到数据的id值即可。谢谢。

关于zTree树节点右键单击出现菜单选项

 

相关文章:

  • 2021-12-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-30
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-16
  • 2021-06-03
  • 2021-12-30
相关资源
相似解决方案