实现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

easyui window点击关闭按钮,触发事件

使用easyui-window初始化一个窗口,由于窗口上方的按钮都是自动组装生成。故很难找到监听事件源(平常做监听,都必须找到事件源)。但是easyui提供了一系列的监听方法:onClose,onBe...

easyui 窗口的onBeforeClose 使用

var bSave = false; var bClose = true; $(function () { $("#btnOpen").clic...

jQuery EasyUI 教程-Tabs(选项卡)

使用$.fn.tabs.defaults重写默认值对象。 选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮。 使...

easyui Tabs中的链接/按钮点击后添加一个新TAB的解决方法

1、在easyui中的标签页中新增一个按钮或者是超链接按钮,想通过该按钮的点击 事件添加一个新的标签页,...

easyui tabs中打开新的tabs关闭当前tabs

easyui实现关闭当前tabs打开一个新的tabs //通过如下代码实现 title标题 url 网页地址 function testAddSubPage(title,url){ ...
  • itlqi
  • itlqi
  • 2015年09月24日 11:51
  • 1872

jQuery EasyUI实现关闭全部tabs

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

基于easyui tabs选项卡的扩展插件--tabs单击事件

/** * easyui tbas组件扩展单击事件 */ $.extend($.fn.tabs.methods, { /** * 绑定单击事件 * @param {Ob...

jQuery-easyui实现关闭全部tabs

jQuery-easyui实现关闭全部tabs 有时候当我们打开很多tabs选项卡时,要关闭它只能一个一个的进行关闭,显然太麻烦,这时可以在选项卡的最右边添加一个按钮...

easyUI选项卡—右键关闭tabs

今天在改一个easyUI界面时,有个这样的需求,要我通过在选项卡上绑定一个右击事件,做到tabs全部关闭,或关闭左右变的。因为自己对easyUI不是很熟,导致搞这个功能花了比较长的事件,现在把代码贴出...
  • PTtaoge
  • PTtaoge
  • 2017年08月13日 08:35
  • 713
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现jquery EasyUI tabs选项卡关闭图标后加载自定义事件
举报原因:
原因补充:

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