jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件

实现代码:

  1. $.extend($.fn.tabs.methods, {
  2.     /**
  3.      * 绑定双击事件
  4.      * @param {Object} jq
  5.      * @param {Object} caller 绑定的事件处理程序
  6.      */
  7.     bindDblclick: function(jq, caller){
  8.         return jq.each(function(){
  9.             var that = this;
  10.             $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'dblclick.tabs').delegate('li', 'dblclick.tabs', function(e){
  11.                 if (caller && typeof(caller) == 'function') {
  12.                     var title = $(this).text();
  13.                     var index = $(that).tabs('getTabIndex', $(that).tabs('getTab', title));
  14.                     caller(index, title);
  15.                 }
  16.             });
  17.         });
  18.     },
  19.     /**
  20.      * 解除绑定双击事件
  21.      * @param {Object} jq
  22.      */
  23.     unbindDblclick: function(jq){
  24.         return jq.each(function(){
  25.             $(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'dblclick.tabs');
  26.         });
  27.     }
  28. });

使用方式:

  1. $(function(){
  2.     $('#tb').tabs('bindDblclick', function(index, title){
  3.         alert(title + ':' + index);
  4.     });
  5. });

摘自:http://www.easyui.info/archives/869.html

时间: 2024-11-27 09:19:20

jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件的相关文章

jQuery Easyui Tabs扩展根据自定义属性打开页签_jquery

easyui是一个轻量级的后台管理系统框架,各种组件均有,使用简单方便,现在已经有免费版的License了. 1.增加扩展 <script type="text/javascript" > /** * @author {kexb} easyui-tab扩展根据id切换页面 */ $.extend($.fn.tabs.methods, { getTabById: function (jq, id) { var tabs = $.data(jq[0], 'tabs').tabs

为.net中的ListBox控件添加双击事件

控件 我在用dotnet做一个项目的过程中,遇到了一个ListBox的问题:通过在一个ListBox中双击,把选中的项添加到另一个ListBox中,但ListBox控件本身并没有该事件,那么如何实现呢?我就想到了客户端脚本javascrit,通过查阅相关资料,终于把这个问题解决了,现在写出来与大家分享,希望能对大家有所帮助.        这里有三个问题:        第一:双击所要执行的javascript代码是什么?                    注意:javascript代码的语

background-chrome扩展执行tabs.executeScript报错提示no main frame

问题描述 chrome扩展执行tabs.executeScript报错提示no main frame 在选项卡里打开www.baidu.com,然后在background里后台运行chrome.tabs.executeScript(cid, {code:"document.body.innerHTML +='< div >aa< /div >'",allFrames:false}); 提示no main frame:不知道怎么解决. 解决方案 是不是页面没有加载

.net-chart组件绑定数据(DataBindTable)后无法显示曲线或不能显示所有Series

问题描述 chart组件绑定数据(DataBindTable)后无法显示曲线或不能显示所有Series 我用vs2010编写的一个小工具,在利用vs2010附带的chart生成图表时出现无法解决的疑问.databindtable在绑定数据时总是会出现无法显示曲线或者无法绑定的问题,如下描述: 数据库结构: 列名 数据类型 是否可为NUll id int型 主键标识 false mac_id int false value varchar(MAX) true Hum varchar(MAX) tr

Silverlight开发中如何为Silverlight添加双击事件

在日常的开发中鼠标的事件是我们使用的最多的事件,但是在Silverlight中,只支持以下六种有限的鼠标事件:MouseEnter. MouseLeave.MouseLeftButtonDown.MouseLeftButtonUp.MouseMove.MouseWheel.这给我们的开发造成了不小的麻烦,还好 Silverlight支持强大的附加属性机制,这里就指导大家如何通过附加属性来给Silverlight添加鼠标的双击事件. 附加属性是Silverlight也是WPF中最具创新也是最强大的

JS实现鼠标单击与双击事件共存

 本篇文章主要是对JS实现鼠标单击与双击事件共存的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一直都认为在Web开发中,双击事件都是少至又少地使用,直到最近项目需要,要在一个按钮上绑定单击与双击两件事件.开始也觉得不就是给按钮绑下两个事件而已罢了--只是后来才明白,是我想得太简单,在双击事件触发的同时也会触发单击的~囧   通过一番研究后,终于利用JS中"setTimeout"延时执行方法的办法,将单击延迟300毫秒执行才解决了,代码如下:    代码如下: &l

js鼠标单击和双击事件冲突问题的快速解决方法_javascript技巧

情况一 如果在一个DOM对象上同时绑定单击(click)和双击(dblclick)事件,当在这个DOM对象上发生双击事件时,第一次点击(click)会 触发一次单击(click)事件,第二次点击(连续的)也会触发双击(dblclick)事件,还是会触发单击(click)事件(IE7与 firefox). 解决方法: <button onclick="test(1)" ondblclick="test(2)"></button> <scr

JS实现鼠标单击与双击事件共存_javascript技巧

一直都认为在Web开发中,双击事件都是少至又少地使用,直到最近项目需要,要在一个按钮上绑定单击与双击两件事件.开始也觉得不就是给按钮绑下两个事件而已罢了--只是后来才明白,是我想得太简单,在双击事件触发的同时也会触发单击的~囧 通过一番研究后,终于利用JS中"setTimeout"延时执行方法的办法,将单击延迟300毫秒执行才解决了,代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

jquery单击事件和双击事件冲突解决方案_jquery

本人需要给bootstrap-treeview的树节点添加双击事件.而该插件原生方法中不带双击事件功能.该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突. 编写测试代码 引起冲突的代码: 问题效果展示: 每一次触发双击事件都会引起两次单击事件 解决冲突的代码: 解决问题效果展示: 完美解决单击事件和双击事件冲突问题 这里主要用到两个HTMLDOMWindow对象中函数,settimeout(),clearTimeout() 我这里两个单击事件触发的时间间隔设置在等于300毫秒,