博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery EasyUI中treegrid的中右键菜单和一般按钮同时绑定事件时的怪异事件
阅读量:4966 次
发布时间:2019-06-12

本文共 1305 字,大约阅读时间需要 4 分钟。

做个项目使用jquery  easyui来做前端,也许是对此不是很熟悉,总是发现一些不可理解的事件。

主要源代码如下:

编辑本节点
删除本条目
刷新节点
新增子节点
ID 描述 名称 动作 角色 状态 父层
View Code

显示界面如下:

1、点击几次权限分配按钮,可以打开“权限分配”页面,然后点击关闭,再次打开。

2、在第一条上右键菜单,点击“新增子节点”,然后树形结构变成了如下图,发现树形结构的子节点重复出现了多次。

 

3、关闭权限分配按钮,点击上面的“+”形图标,树形结构展开,可以发现子节点完全是正常的。

 

4、从源代码可以看到,点击“新增子节点”与点击上面的“+”形图标绑定的事件是相同的,但是出来的结果却不一样。

$("#access_lb_new,#access_menu_new").click(function(){            access_new();        });
View Code

 5、查看发送系统执行的日志可以发现,第一次右键菜单的时候发送了多次获得子节点的请求。

6、将两个按钮的事件绑定代码分开写,如下,重复操作以上动作,发现结果就完全正常了,没有出现多个请求与子节点重复的情况。

$("#access_lb_new").click(function(){            access_new();        });        $("#access_menu_new").click(function(){            access_new();        });
View Code

7、同时,我尝试了以第4点同样的方式绑定两个一般按钮(非右键弹出菜单),也不会出现子节点重复出现的问题。由此可见,只有在treegrid使用右键弹出菜单,并且将右键菜单的事件同时绑定在另外一个按钮上的时候,才会出现这种奇怪的现象。

转载于:https://www.cnblogs.com/Kiee/p/3405570.html

你可能感兴趣的文章