实现jquery EasyUI tabs选项卡关闭图标后加载自定义事件

原创 2015年07月08日 22:01:01

当关闭tabs选项卡时,底部footer需要通过javascript重新定位calcFooter(),如何实现呢?选项卡上的关闭图标的方法是easyui自带的,calcFooter()写在onClose中不起作用,API中没有关闭后的方法,但有个关闭之前的方法onBeforeClose,在onBeforeClose方法中先实现onClose()方法,再calcFooter(),再return false,这样就达到要的效果

代码如下:

$('#tt').tabs({
  onBeforeClose: function(title,index){
	var target = this;
	var opts = $(target).tabs('options');
	opts.onBeforeClose = function(){};  // 允许现在关闭
	$(target).tabs('close',index);
	calcFooter();
	return false;	// 阻止关闭
  }
});

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

easyui 在tabs子页面关闭当前tabs

easyui 在tabs子页面关闭当前tabs

jQuery Ui Tabs插件使用问题记录

1.为标签页添加关闭按钮,单击该按钮移除标签页,添加双击标签页移除。其中按钮图标使用了font-awesome字体图标。 先上效果图: 样式如下:#nav-tabs ul li a .tab-cl...

easyui tabs update后tab上关闭图标失效的解决方案

问题:使用easyui的tabs组件的时候,调用了tab的update方法,更新后的tab标签上的关闭图标失效   使用的js文件是1.3版本的jquery.easyui.min.js文件,通过读...
  • dhmpgt
  • dhmpgt
  • 2013-09-03 16:54
  • 3083

Jquery ui tabs控件的使用技巧

Jquery ui tabs控件是jquery组件提供的一个标签页的控件。下面介绍一下。  注意事项 1.           注意不同版本调用api可能不同,如:1.9以...
  • yan_dk
  • yan_dk
  • 2013-12-28 10:24
  • 2180

jQuery EasyUI实现关闭全部tabs

有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭显然太麻烦,这时可以在选项卡的最右边添加一个按钮 实现关闭全部。代码如下: //获取最后一个tabs 在新加的选项卡后面添加"关闭全...

jQuery效果之tab选项卡及jQuery插件开发

HTML     JQuery实例-标签页效果           $(function(){         $(&#...

jQuery EasyUI 教程-Tabs(选项卡)

Hello,大家好,前一篇文章翠儿姐给大家介绍了jQuery EasyUI 教程-panel(面板)组件,这篇文章主要给大家讲解jQuery-Layout(布局)的第二小节内容:jQuery-Tabs...

使用Bootstrap Tabs选项卡Ajax加载数据的实现以及遇到的问题;

HTML代码(仅展示了部分关键性代码)   主页 (current)

easyui实现tabs选项卡之间的切换(只显示一个)

一、创建菜单项 aa1 ...

Android捕获View焦点事件,LinearLayout结合HorizontalScrollView实现ViewPgaer和选项卡Tabs联动

 《Android捕获View焦点事件,LinearLayout结合HorizontalScrollView实现ViewPgaer和选项卡Tabs联动。》 如图: package...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)