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

目录
相关文章
|
20天前
|
JavaScript
vue element plus Collapse 折叠面板
vue element plus Collapse 折叠面板
23 0
|
4月前
|
测试技术
【sgLazyCascader】自定义组件:基于el-cascader的懒加载级联菜单,支持异步加载子级菜单
【sgLazyCascader】自定义组件:基于el-cascader的懒加载级联菜单,支持异步加载子级菜单
|
20天前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
31 0
|
4月前
elementUI el-tabs 实现动态选项卡页面效果
elementUI el-tabs 实现动态选项卡页面效果
|
4月前
|
XML JavaScript 小程序
element-ui下拉菜单组件Dropdown
<div id='app' style="margin:50px;"> <!-- 鼠标滑过显示下拉列表 这里设置了触发的方式,注意触发方式不能使用’:’绑定,以及绑定了触发选项时的方法 --> <el-dropdown trigger="hover" @command="handleCommand" > <span class="el-dropdown-link el-input__inner" style="display:block;width:200px;"> <!-- 没有选项的时候,默认显示的
45 0
|
6月前
|
缓存 JavaScript 前端开发
LayUI系列(三)之动态添加选项卡
LayUI系列(三)之动态添加选项卡
|
6月前
17EasyUI 布局- 动态添加标签页(Tabs)
17EasyUI 布局- 动态添加标签页(Tabs)
21 0
|
6月前
|
容器
16EasyUI - 创建标签页(Tabs)
16EasyUI - 创建标签页(Tabs)
19 0
|
7月前
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
|
7月前
|
JavaScript 前端开发 Java
LayUI框架——选项卡等element组件使用
LayUI框架——选项卡等element组件使用
151 0