为EasyUI 的Tab 标签添加右键菜单

近期研究了下MenuButton,有了新的感悟,原先在那个DEMO中右键支持做法,现在看来真是小儿科啊!

前期的准备工作:

1、下载DEMO源码,并升级为最新版本(jquery 1.7.2,Easyui 1.2.6),直接替换就可以啦,升级easyui 是的要把css js theme 全部替换

2、在首页的HTML代码中:将

 1 <div id="mm" class="easyui-menu" style="width:150px;">
 2         <div id="mm-tabupdate">刷新</div>
 3         <div class="menu-sep"></div>
 4         <div id="mm-tabclose">关闭</div>
 5         <div id="mm-tabcloseall">全部关闭</div>
 6         <div id="mm-tabcloseother">除此之外全部关闭</div>
 7         <div class="menu-sep"></div>
 8         <div id="mm-tabcloseright">当前页右侧全部关闭</div>
 9         <div id="mm-tabcloseleft">当前页左侧全部关闭</div>
10         <div class="menu-sep"></div>
11         <div id="mm-exit">退出</div>
12 </div>

改为:

 1 <div id="mm" class="easyui-menu" style="width:150px;">
 2         <div id="refresh">刷新</div>
 3         <div class="menu-sep"></div>
 4         <div id="close">关闭</div>
 5         <div id="closeall">全部关闭</div>
 6         <div id="closeother">除此之外全部关闭</div>
 7         <div class="menu-sep"></div>
 8         <div id="closeright">当前页右侧全部关闭</div>
 9         <div id="closeleft">当前页左侧全部关闭</div>
10         <div class="menu-sep"></div>
11         <div id="exit">退出</div>
12 </div>

 

outlook2.js 中添加新方法如下:

 

function closeTab(action)
{var alltabs = $('#tabs').tabs('tabs');var currentTab =$('#tabs').tabs('getSelected');var allTabtitle = [];$.each(alltabs,function(i,n){allTabtitle.push($(n).panel('options').title);})switch (action) {case "refresh":var iframe = $(currentTab.panel('options').content);var src = iframe.attr('src');$('#tabs').tabs('update', {tab: currentTab,options: {content: createFrame(src)}})break;case "close":var currtab_title = currentTab.panel('options').title;$('#tabs').tabs('close', currtab_title);break;case "closeall":$.each(allTabtitle, function (i, n) {if (n != onlyOpenTitle){$('#tabs').tabs('close', n);}});break;case "closeother":var currtab_title = currentTab.panel('options').title;$.each(allTabtitle, function (i, n) {if (n != currtab_title && n != onlyOpenTitle){$('#tabs').tabs('close', n);}});break;case "closeright":var tabIndex = $('#tabs').tabs('getTabIndex', currentTab);if (tabIndex == alltabs.length - 1){alert('亲,后边没有啦 ^@^!!');return false;}$.each(allTabtitle, function (i, n) {if (i > tabIndex) {if (n != onlyOpenTitle){$('#tabs').tabs('close', n);}}});break;case "closeleft":var tabIndex = $('#tabs').tabs('getTabIndex', currentTab);if (tabIndex == 1) {alert('亲,前边那个上头有人,咱惹不起哦。 ^@^!!');return false;}$.each(allTabtitle, function (i, n) {if (i < tabIndex) {if (n != onlyOpenTitle){$('#tabs').tabs('close', n);}}});break;case "exit":$('#closeMenu').menu('hide');break;}
}

 

 

 

将js中tabCloseEven 方法 改为

function tabCloseEven() {$('#mm').menu({onClick: function (item) {closeTab(item.id);}});return false;
}

 

这样就OK啦,代码比原来优雅多啦!

调用刷新,关闭当前标签时,就调用 closeTab(‘action’) //action 可以为 refresh(刷新),close(关闭)

iframe 中使用时,要这么屎 top.closeTab('action');

 

熊掌网盘 : 点此下载最新的Easyui应用实例 

 

亲,如果你觉得本文对你有帮助,请帮忙推荐下哦

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/302445.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C# Task 暂停与取消

前言&#xff1a;①取消task任务之CancellationTokenSource的用法&#xff1b;②task的线程管控方法Task..Wait(time)&#xff0c;Task.WaitAll()&#xff0c; Task.WaitAny(),task.ContinueWith.1.声明参数CancellationTokenSource tokenSource new CancellationTokenSource(…

通过R,让你的数据分析更简便!

R作为一种统计分析软件&#xff0c;广泛应用于生物、医学、电商、新闻等数据相关行业&#xff0c;是目前主流数据应用软件之一。为了更好地帮助大家了解并快速入门R语言&#xff0c;现超级数学建模携手柯老师以R语言为基础&#xff0c;向大家隆重推出《R语言基础》系列课。柯老…

r语言用行名称提取数据框信息显示na_学会这些R语言技巧至少可以节省半年时间...

ubuntu备忘定期清空回收站扩增子数据牢记r ubuntu 相关技巧和备忘待解决问题1&#xff1a;phyloseq有一篇文章案例使用输入和输出文件相同的文件名&#xff0c;无法执行待解决问题2&#xff1a;待解决问题3&#xff1a;样品分组文件太长了&#xff0c;导致提取出来数据存在NA值…

hibernate.cfg.xml的一些事

Hibernate连接数据库的配置文件书写一般有两种方式&#xff1a; 第一种方式&#xff1a;使用开发环境直接连接数据库最后生成hibernate.cfg.xml文件 第二种方式&#xff1a;使用已有的模版直接拷贝的工作的目录下&#xff0c;通过相应的修改获得需要的连接数据库的配置文件&…

NET问答: 如何将 DataTable 转成 IEnumerableT ?

咨询区 Roddy Balkan&#xff1a;我想将一个外域系统中传过来的 DataTable 转成 IEnumerable&#xff0c;下面的代码在 ASP.NET 4.6.1 中是没有问题的。public static IEnumerable<UserAssignmentDto> StaffAssignmentsUsingStoredProcedure(System.Data.DataTable dataT…

columnproperty server sql_获取SQL Server表字段的各种属性

SELECT(CASE WHEN a.colorder1 THEN d.name ELSE END) N表名,a.colorder N字段序号,a.name N字段名,(CASE WHEN COLUMNPROPERTY( a.id,a.name,IsIdentity)1 THEN √ELSE END) N标识,(CASE WHEN (SELECT COUNT(*)FROM sysobjectsWHERE (name in(SELECT nameFROM sysindexesWHE…

配置静态路由下一跳为本地出战接口和IP地址的区别

配置静态路由下一跳为本地出战接口和IP地址的区别 在配置静态路由时&#xff0c;下一跳可以使用下一路由器的IP地址&#xff0c;也可以使用本路由器的出站接口。在点对点的网络中&#xff0c;两者可能没有什么差别&#xff0c;但在以太网中或者NBMA网络类型&#xff0c;两者有很…

使用 Source Generator 自动生成 WEB API

使用 Source Generator 自动生成 WEB APIIntro上次我们介绍了使用 Source Generator 的应用&#xff0c;有小伙伴留言说想要自动生成一套 ABP 相关的东西&#xff0c;我对 ABP 不怎么熟悉&#xff0c;所以写了一个简单版的雏形&#xff0c;可以根据自定义的模板去动态生成&…

Excel中的散点图这么强大,学习了!

全世界只有3.14 % 的人关注了数据与算法之美平时见得最多的也许是柱形图了&#xff0c;但我个人最喜欢的却是散点图。在讲散点图之前&#xff0c;我先阐述一个不太严谨的个人观点。我认为&#xff0c;所有的数据图表都可以分为两类&#xff0c;一类是偏重于展示&#xff0c;一类…

mysql修改字段的顺序_Mysql中如何修改字段的排列顺序?

创建数据表的数据,字段在表中的位置已经确定了。但要修改字段在表中的排列位置,则需要使用ALTER TABLE语句来处理。在MySQL中,修改字段排列位置的基本语法格式如下: ALTER TABLE MODLFY 字段名1 数据类型 FIRST|AFTER 字段名2 在上述格式中,“字段名1”指的是修改位置的字段…

Oracle之PLSQL总结

基本数据类型变量 1. 基本数据类型 Number 数字型 Int 整数型 Pls_integer 整数型&#xff0c;产生溢出时出现错误 Binary_integer 整数型&#xff0c;表示带符号的整数 Char 定长字符型&#xff0c;最大255个字符 Varchar2 变长字符型&#xff0c;最大200…

趣读:程序员泪流满面的20个瞬间!

全世界只有3.14 % 的人关注了数据与算法之美【一】老板突然说&#xff0c;想跟你聊一聊你的年终review结果【二】记一次难忘的debug经历【三】——昨晚又加班了吧&#xff1f;——你怎么知道的&#xff1f;【四】老板定下了春节期间on call的人!【五】产品crash了&#xff0c;最…

记一次 .NET 某医院HIS系统 CPU爆高分析

一&#xff1a;背景 1. 讲故事前几天有位朋友加 wx 抱怨他的程序在高峰期总是莫名其妙的cpu爆高&#xff0c;求助如何分析&#xff1f;和这位朋友沟通下来&#xff0c;据说这问题困扰了他们几年????&#xff0c;还请了微软的工程师过来解决&#xff0c;无疾而终&#xff0c…

mysql判断表存在的sql语句_SQL 语句判断已知表是否存在_MySQL

问:怎样用SQL语句来判断已知表是否存在?答:具体解决方法如下:注释:以下代码为通常的引用Dao做的一模块以下为引用的内容&#xff1a;Function fExistTable(strTableName As String) As IntegerDim db As DatabaseDim i As IntegerSet db DBEngine.Workspaces(0).Databases(0)…

全球六大顶级域名动态:7月上旬.COM新增18.4万个

中国IDC评述网07月17日报道&#xff1a;据域名统计机构Whois Source公布的最新数据显示&#xff0c;截至7月15日&#xff0c;全球六大顶级域名&#xff08;.COM、.NET、.ORG、.INFO和.US&#xff09;的域名总量达到了 141,259,651个。其中&#xff0c;.COM域名注册量达104,165,…

如何用大数据找到男/女朋友?

全世界只有3.14 % 的人关注了数据与算法之美小柯25岁&#xff0c;单身男&#xff0c;热衷大数据&#xff0c;并决定认真钻研&#xff0c;用数据分析来实现自己的“脱单计划”。找女友第一步&#xff1a;整理思路找女友第二步&#xff1a;界定问题1、为什么要找女朋友&#xff0…

.NET5 开发手机提词应用,基于内嵌Web服务器及PowerPoint自动化

项目说明我使用电脑录制视频教程的时候&#xff0c;会展示PPT给观众&#xff0c;同时也有一些提示性的文字给我自己看。这就类似于很多电视节目录制现场的“提词器”。节目录制现场的提词器在PC环境下&#xff0c;PowerPoint也具有提词器功能&#xff0c;在编辑PPT的时候&#…

[Linux程序设计][调试][ElectricFence]

gcc –o test test.c –lefence 提前发现动态内存的错误 转载于:https://blog.51cto.com/honglei/934379

应对「高并发」的思路

大家好&#xff0c;我是Z哥。最近正好在编写一套新的面试题&#xff0c;其中有一道是与高并发相关的。出题的目的是想了解一下候选人面对大流量场景下的优化思路。在出这道题的过程中&#xff0c;我自己也梳理了一下自己对这个问题的思路。然后之所以想在这里分享出来&#xff…

薄如冈本,37°恒温发热超薄保暖内衣,既要风度也要温度

问君能有几多愁恰似没穿秋裤遇寒流俗话说的好你在北方的暖气里穿着短袖我在南方的艳阳里瑟瑟发抖为了暖和一点大家都穿得里三层外三层的什么大衣棉袄厚外套都搬出来了但谁都不愿意在冬天穿的像个200斤的胖子好吗&#xff01;&#xff1f;可是为了风度连狗命都不要了吗&#xff…