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

问题:使用easyui的tabs组件的时候,调用了tab的update方法,更新后的tab标签上的关闭图标失效

使用的js文件是1.3版本的jquery.easyui.min.js文件,通过读源文件发现add函数里添加关闭图标时,关闭图标绑定了单击事件但是在update函数里关闭图标没有绑定单击事件,由此判断add函数中关闭图标绑定的事件就是关闭标签页事件。原因已经找到,那么可以在执行update函数时关闭图标绑定事件用于关闭标签页即可解决上述描述的问题。

解决方案:找到如下代码

tab.find("span.tabs-title").addClass("tabs-closable");

$("<a href=\"javascript:void(0)\" class=\"tabs-close\"></a>").appendTo(tab);

把上面的代码替换如下代码即可解决上述问题

var _clsA = $("<a href=\"javascript:void(0)\" class=\"tabs-close\"></a>").appendTo(tab);
  _clsA.bind("click",function(){
   if($(this).parent().hasClass("tabs-disabled")){
    return;
   }
   var tabs=$(_2a2).children("div.tabs-header").find("ul.tabs");
   var _clsLi = tabs.find("li").index($(this).parent());
   _29b(_2a2,_clsLi);
   return false;
  });

注意上方红色的是修改的代码,蓝色是新添加的代码。

时间: 2024-10-01 05:03:05

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

easyui tabs update 强制刷新页面

var tab = artDialog.open.origin.$("#tabs").tabs("getTab", "公司评级"); var url = tab.panel('options').url; var src = '<iframe name="indextab" scrolling="auto" frameborder="0" src='+url+' style=&qu

Winform窗体设计器上的菜单及工具栏上的图标不见恢复解决方案

前段时间有朋友问我,他在设计窗体的时候由于资源文件未找到, 运行后发现窗口中的菜单栏上没有任何菜单项,工具栏上的图标按钮也都不见了, 遇到这种情况,不要急着把该窗体的资源文.设计文件和代码文件删除,否则又要从头开始,得不偿失. 这时,首先看自己的窗体资源文件是否缺少图标文件,打个比方对于窗体BrowseQuestion, 首先打开BrowseQuestion.resx文件,如果没有缺少图标文件,则打开BrowseQuestion.designer.cs文件, 打开窗体设计器自动生成的代码并展开,

TortoiseSVN/Git覆盖图标失效的解决方案

之前在电脑上安装了TortoiseGit和TortoiseSVN这两种版本控制,使用一段时间之后发现,这两种版本控制的覆盖图标都无法显示,起初以为是git和svn使用的图标的不一样,有冲突,导致这两种版本控制无法显示,后来修改成一样的覆盖图标,还是无法显示.于是,从网上查找了很多,发现了解决TortoiseSVN/Git覆盖图标失效的问题这篇文章.按他写的方法试了一下,解决了这个问题.

easyui tabs 返回后选中

<input type="hidden" id="tabId" name="tabId" value="${model.tabId}"/> $(document).ready(function(){ var tabId =${model.tabId}; $("#tabsId").tabs("select",tabId); function submitData(){ var

easyui tabs 真正刷新用法

1 //刷新当前标签Tabs 2 function RefreshTab(currentTab) { 3 var url = $(currentTab.panel('options')).attr('href'); 4 $('#tabs').tabs('update', { 5 tab: currentTab, 6 options: { 7 href: url 8 } 9 }); 10 currentTab.panel('refresh'); 11 } 1 var currentTab = $(

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

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

应用删除后 Launchpad 上仍有应用图标无法删除的解决方法

应用删除后 Launchpad 上仍有应用图标上带有问号且无法删除时,可以将 launchpad 重置. 在终端输入: defaults write com.apple.dock ResetLaunchPad -bool true 回车 killall Dock 回车 等待 LaunchPad 重启 .

在Mint 16中当按下光驱的弹出按钮后桌面上的光驱图标没有自动消失的问题解决

/*********************************************************************  * Author  : Samson  * Date    : 07/29/2014  * Test platform:  *              Mint 16  *              GNU bash, version 4.2.45  * *************************************************

【EasyUI学习-3】Easyui tabs入门实践

作者:ssslinppp       1. 摘要 一般我们在设计程序主框架的时候,当点击(子)菜单时,希望相应界面都在tabs页中显示: 在显示的时候,如果之前打开过该界面,则希望重新选中对应的tab页,并刷新: 如果之前没有打开对应的tab页,则创建一个新的tab页: 如下图所示: 2. jsp界面 <!-- 主操作区 --> <div region="center" style="background:#eee; overflow-y:hidden&qu