jqueryEasyUI：tabs扩展:给tabs组件绑定双击事件 分类： JqueryEasyUI 2014-09-29 14:36 536人阅读 评论(0) 收藏

实现代码：

$.extend($.fn.tabs.methods, {

/**

* 绑定双击事件

* @param {Object} jq

* @param {Object} caller 绑定的事件处理程序

*/

bindDblclick: function(jq, caller){

return jq.each(function(){

var that = this;

$(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'dblclick.tabs').delegate('li', 'dblclick.tabs', function(e){

if (caller && typeof(caller) == 'function') {

var title = $(this).text();

var index = $(that).tabs('getTabIndex', $(that).tabs('getTab', title));

caller(index, title);

}

});

});

},

/**

* 解除绑定双击事件

* @param {Object} jq

*/

unbindDblclick: function(jq){

return jq.each(function(){

$(this).children("div.tabs-header").find("ul.tabs").undelegate('li', 'dblclick.tabs');

});

}

});

使用方式：

$(function(){

$('#tb').tabs('bindDblclick', function(index, title){

alert(title + ':' + index);

});

});

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