手机版

jquery.jstree添加节点的双击事件代码

时间:2021-11-24 来源:互联网 编辑:宝哥软件园 浏览:

JsTree是一个基于jquery的树插件,支持拖放、复制、删除、快捷键、多选、自定义节点图标、自定义右键菜单、跨页保存状态等。总之,我基本上是这么想的,最值得称赞的是它让人觉得一点都不慢。jsTree中有一个节点选择事件,即复制代码如下:bind ('select _ node.jstree ',function (e,data){//alert(data . rslt . obj . attr(' id ')' 3360 ' data . rslt . obj . attr(' rel ')。})其实我觉得更像是一个节点的点击事件,因为每次点击一个节点都会触发,不管这个节点之前有没有被选中。最近作为一个文件管理的东西,需要用到一个节点的双击事件,比如双击一个节点,打开那个节点的编辑页面。

jstree虽然有双击事件,但不是针对节点的,而是双击树所在的区域就会触发,如上图任意地方所示。最接近节点双击事件的应该是节点选择事件,所以又是“画葫芦”。分析完第833行的this.get_container()后,节点click事件的复制代码如下:delegate ('a ',' click.jstree ',$。proxy(function(event){ event . preventdefault());this . select _ node(event . CurrentTarget,true,event);},this))同样,我在这里插入节点双击事件复制代码如下:delegate ('a ',' dblclick.jstree ',$。proxy(function(event){ event . preventdefault();this . dblclick _ node(event . CurrentTarget,true,event);},这个))然后,我就可以实现dblclick_node方法了。在第928行找到select_node的代码很复杂。但是90%都是双击无用的,比如处理单选、多选、将选择结果保存到cookies等。因此,dblclick_node方法的实现要比select_node简单得多。复制代码如下: dbl lick _ node : function(obj,check,e) {obj=this。_ get _ node(obj);if (obj==-1 ||!obj ||!obj . length){ return false;}这个。_ _回调({ ' obj ' : obj });},好的,就这样。用法示例与select_node的用法相同。代码复制如下: bind(' dblclick _ node . jstree ',function (e,data){//alert(data . rslt . obj . attr(' id ')' 3360 ' data . rslt . obj . attr(')。})修改代码下载/201007/马援/jquery.jstree.rar顺便说一下,jstree与另一个插件jquery validate不兼容。当两者共存时,jstree也可以构造一棵树,但不能像僵尸一样展开。标记在这里,稍后尝试修改。作者:布鲁斯(编程的艺术世界)

版权声明:jquery.jstree添加节点的双击事件代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。