`
crabdave
  • 浏览: 1270761 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.ux.TabCloseMenu插件的使用(TabPanel右键关闭菜单) 示例

阅读更多

Ext.ux.TabCloseMenu插件的使用(TabPanel右键关闭菜单) 示例

效果:

 

创建调用的HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title></title>
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="extjs/ext-all.js"></script>
 <script type="text/javascript" src="./TabCloseMenu.js"></script>
<style type="text/css">
</style>
<script>
Ext.onReady(function(){
          new Ext.TabPanel({
            renderTo : document.body,
            region:'fit',
            deferredRender:false,
            activeTab:0,
            resizeTabs:true, // turn on tab resizing
            minTabWidth: 115,
            tabWidth:135,
            enableTabScroll:true,
            items:[{title:"title1",id:'tab1',closable:true},{title:"title2",id:'tab2',closable:true},{title:"title3",id:'tab3',closable:true}],
            plugins: new Ext.ux.TabCloseMenu()
         });
});
</script>
</head>
<body>
</body>
</html>

 

Ext.ux.TabCloseMenu文件源码:

/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */


// Very simple plugin for adding a close context menu to tabs

Ext.ux.TabCloseMenu = function(){
    var tabs, menu, ctxItem;
    this.init = function(tp){
        tabs = tp;
        tabs.on('contextmenu', onContextMenu);
    }

    function onContextMenu(ts, item, e){
        if(!menu){ // create context menu on first right click
            menu = new Ext.menu.Menu([{
                id: tabs.id + '-close',
                text: '关闭标签',
                handler : function(){
                    tabs.remove(ctxItem);
                }
            },{
                id: tabs.id + '-close-others',
                text: '关闭其他标签',
                handler : function(){
                    tabs.items.each(function(item){
                        if(item.closable && item != ctxItem){
                            tabs.remove(item);
                        }
                    });
                }
            },{
                id: tabs.id + '-close-all',
                text: '关闭全部标签',
                handler : function(){
                    tabs.items.each(function(item){
                        if(item.closable){
                            tabs.remove(item);
                        }
                    });
                }
            }]);
        }
        ctxItem = item;
        var items = menu.items;
        items.get(tabs.id + '-close').setDisabled(!item.closable);
        var disableOthers = true;
        tabs.items.each(function(){
            if(this != item && this.closable){
                disableOthers = false;
                return false;
            }
        });
        items.get(tabs.id + '-close-others').setDisabled(disableOthers);
        var disableAll = true;
        tabs.items.each(function(){
            if(this.closable){
                disableAll = false;
                return false;
            }
        });
        items.get(tabs.id + '-close-all').setDisabled(disableAll);
        menu.showAt(e.getPoint());
    }
};

分享到:
评论
2 楼 jiao_zg22 2016-01-19  
方便问下,去哪里下载包含Ext.ux.TabCloseMenu 这个类的库文件吗
1 楼 bevis.cn 2009-02-28  
我用了ext-2.0的jsp的左边的tree里调用Ext.ux.TabCloseMenu 。在右边的pannel里加一个tab ,这个tab里向服务器请求一个url,然后返回一个jsp。
那我遇到的问题,我想在加载这个jsp后,执行初始化的javascript,我用了 Eet.onReady()和window.onload也不行,是不是左边的tree在同一个页面有一个Ext.onReady,那我要怎么解决

相关推荐

    解决EXTJS4.2的tabpanel右键关闭的BUG

    EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!

    Ext+JS高级程序设计.rar

    10.2 标签页右键菜单TabCloseMenu 276 10.3 面板最大化MaximizeTool 278 10.4 分页设置PageSizePlugin 282 10.5 行数据扩展RowExpander 284 10.6 本章小结 290 第五部分 调试 第11章 调试 292 11.1 测试Ext.Element...

    基于 3D 卷积神经网络(CNN)的阿尔兹海默智能诊断 Web 应用.zip

    人工智能(Artificial Intelligence,简称AI)是一种前沿的计算机科学技术,其核心目标是通过模拟、延伸和拓展人类智能来构建智能机器与系统。它融合了计算机科学、数学、统计学、心理学、神经科学等多个学科的知识,并利用深度学习、机器学习等算法,使计算机能够从数据中学习、理解和推断。 在实际应用中,人工智能体现在诸多领域:如机器人技术,其中机器人不仅能执行预设任务,还能通过感知环境自主决策;语言识别和语音助手技术,如Siri或小爱同学,它们能理解并回应用户的语音指令;图像识别技术,在安防监控、自动驾驶等领域实现对视觉信息的精准分析;自然语言处理技术,应用于搜索引擎、智能客服及社交媒体的情感分析等。 此外,专家系统能够在特定领域提供专业级建议,物联网中的智能设备借助AI优化资源分配与操作效率。人工智能的发展不断改变着我们的生活方式,从工作场景到日常生活,智能化正以前所未有的方式提升生产力、便捷性和生活质量,同时也在挑战伦理边界与社会规则,促使我们重新审视人与技术的关系及其长远影响。

    C#,学习全文检索的最佳入门之原始代码(非 Lucene)

    学习全文检索的最佳入门之原始代码(非 Lucene)。全文检索系统的实现技术分为三个方面:关系型全文检索系统、层次型全文检索系统、面向对象的全文检索系统及自动标引技术。 针对全文数据系统的构建,提出全文检索系统的实现技术,主要分为5个步骤。 (1)数据准备:它是指针对计划加载到全文数据库中的数据进行收集、整理、归类等预先处理的过程。加载到全文数据中的数据可以从多种途径获得,常见的数据来源有:电脑打字产生的文件,电子印刷产生的文稿,计算机网上传送的文件,电子出版物,图文处理产生的文件,专门组织人力录入建库。 (2)文本预处理:包括规范格式,当格式多种多样时,应加以整理,使文献的格式规范化;批式标引,文本预处理阶段完成的批式标引,不受全文数据库结构的限制,效率较高。 (3)数据加载:数据准备好以后,便可以加载(拷入、输入)到数据库文件中去了。加载数据可有单篇方式或批量方式。单篇方式一次加载一篇,适于平时文献随时加载的情况。批量方式一次加载多篇,适于集中大量加载的情况。 (4)数据检索:数据库建立起来之后,便可根据全文检索系统提供的检索功能对数据库进行检索。

    数据出境安全评估办法、申报指南解读

    国家互联网信息办公室公布《数据出境安全评估办法》,自2022年9月1日起施行。出台《办法》旨在落实《网络安全法》、《数据安全法》、《个人信息保护法》的规定,规范数据出境活动,保护个人信息权益,维护国家安全和社会公共利益,促进数据跨境安全、自由流动,切实以安全保发展、以发展促安全。同时配套出台了《数据出境安全评估申报指南(第一版)》。

    嵌入式-嵌入式产品级项目GPS定位器+BMS数据采集与控制设计-附源码-优秀毕业设计.zip

    嵌入式_嵌入式产品级项目GPS定位器+BMS数据采集与控制设计_附源码_优秀毕业设计

    内置式永磁同步电机脉振高频注入法估计位置仿真模型-可正常运行

    通过使用脉冲高频(PHF)注入和双脉冲(DP)技术来估计静止内部PMSM的初始位置(以电弧度为单位)。使用开环PHF注入来确定转子位置的最佳初始估计,进一步用于运行闭环PHF。它通过将高频信号注入估计的转子位置来执行闭环PHF,以确定实际的转子位置,而不使电机旋转。当电动机的显著性比(Lq/Ld)大于1时,该技术起作用。由于PHF方法的限制,估计的位置可能显示π(pi)的模糊性。双脉冲(DP)方法使用极性检测来解决π的模糊性,并在存在误差时应用π补偿。估计的转子位置范围从0到2π电弧度。使用脉动高频率观测器块来实现位置估计算法。仅适用于第1阶段-初始位置估计(IPE)(如脉动高频率观测器块页面中所定义),包括3个部分。第1阶段的重点是在转子静止时确定转子的初始位置。该阶段包括以下3个部分:注:第2阶段是一种扩展的操作模式,在该模式下,当电机使用闭环控制运行时,可以使用此技术来计算位置。

    服务器故障处理文档.pdf

    服务器故障处理文档

    互联网医疗行业深度分析:2022年中国市场规模达到3099亿元 (1)(简报).pdf

    QYResearch是全球知名的大型咨询公司,行业涵盖各高科技行业产业链细分市场,横跨如半导体产业链(半导体设备及零部件、半导体材料、集成电路、制造、封测、分立器件、传感器、光电器件)、光伏产业链(设备、硅料/硅片、电池片、组件、辅料支架、逆变器、电站终端)、新能源汽车产业链(动力电池及材料、电驱电控、汽车半导体/电子、整车、充电桩)、通信产业链(通信系统设备、终端设备、电子元器件、射频前端、光模块、4G/5G/6G、宽带、IoT、数字经济、AI)、先进材料产业链(金属材料、高分子材料、陶瓷材料、纳米材料等)、机械制造产业链(数控机床、工程机械、电气机械、3C自动化、工业机器人、激光、工控、无人机)、食品药品、医疗器械、农业等。 邮箱:market@qyresearch.com

    Scratch 系列经典游戏:我的世界 2d 升级版.sb3

    SJA 分析数据: · 代码数量: 代码总数:24058 ,有效代码:23443 ,代码块:515 ; · 高级编辑: 扩展种类:0 ,函数定义:328 ,变量 & 列表定义:1013 ; · 资源数量: 角色数:32 ,造型数量:1632 ,音频数量:224 ; · 资源大小: 工程大小:37.3MB ,音频大小:11.1MB ,造型大小:20.9MB 。 操作按键: 【1 ~ 9】选择您的项目;   【鼠标右键】地点或我的; 【WASD】移动 / 跳跃;  【E】打开 / 关闭库存; 【F】吃食物;       【N】在标志或箱子上贴标签; 【Q】删除项目;     【P】暂停 / 取消暂停; 【T】通话 / 命令;    【Q】保存您的游戏进度; 【M】音乐 / 声音的开关;  【Z】冲刺; 【E + 悬停】打开 / 关闭箱子、制作台、门; 【空格】拖动时从堆栈中删除磁贴。 此后仍有作品或有趣游戏,可以进行学习与借鉴。请关注作者,且点赞加收藏,记得推荐好友。下载即可游玩,快来下载吧!五星好评可以私信我,免费送资源!快来评论吧!

    pyinstaller-6.4.0-py3-none-musllinux_1_1_aarch64.whl

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

    pyinstaller-5.7.0-py3-none-win_arm64.whl

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

    项目是关于c#基本知识学习的练习.zip

    【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担。 2. 部分字体以及插图等来自网络,若是侵权请联系删除。

    猕猴桃项目可行性报告.zip

    《猕猴桃项目可行性报告.zip》是一份针对大学生创业计划的详尽研究文档,旨在探讨和验证启动一个以猕猴桃为核心的商业项目的潜力与可行性。本报告通过市场分析、产品定位、运营策略及财务预测等多维度考察,为创业者提供一个全面、系统的决策依据。在市场分析部分,报告详细阐述了当前猕猴桃市场的供需状况、消费者偏好及竞争对手情况,揭示了该行业的成长趋势与潜在机遇。同时,结合目标消费群体的特征,提出了明确的产品定位策略,确保项目能够满足市场需求并具备竞争力。运营策略方面,报告综合考虑了成本控制、供应链管理、品牌建设和营销推广等关键因素,制定了一套实施性强的操作方案。此外,财务预测部分则通过初步的成本估算和收益预测,对项目的经济可行性进行了量化评估。总而言之,《猕猴桃项目可行性报告.zip》以其严谨的研究方法和实用的建议,不仅为大学生提供了一份高质量的创业指南,也展现了青年创业精神和实践能力,对于指导实际创业活动具有重要的参考价值。重新回答||

    2009年全国研究生数学建模竞赛优秀论文选-k000005A.pdf

    华为杯数学竞赛获奖论文,历届,研究生数学,内容丰富,大学生数学,数学竞赛,参考资料,极具参考价值

    apache-skywalking-apm-bin-es7-8.0.1.tar.gz

    skywalking8.0.1

    STM32单片机FPGA毕设电路原理论文报告基于混合最优算法的高精度数控直流电源设计

    STM32单片机FPGA毕设电路原理论文报告基于混合最优算法的高精度数控直流电源设计本资源系百度网盘分享地址

    图书借阅系统E-R图.docx

    图书借阅系统E-R图.docx

    数据库系统原理-题库.html

    数据库系统原理-题库.html

    pyinstaller-5.7.0-py3-none-manylinux2014_i686.whl

    Python库是一组预先编写的代码模块,旨在帮助开发者实现特定的编程任务,无需从零开始编写代码。这些库可以包括各种功能,如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库,如NumPy、Pandas和Requests,极大地丰富了Python的应用领域,从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径,而且为经验丰富的开发者提供了强大的工具,以高效率、高质量地完成复杂任务。例如,Matplotlib和Seaborn库在数据可视化领域内非常受欢迎,它们提供了广泛的工具和技术,可以创建高度定制化的图表和图形,帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。

Global site tag (gtag.js) - Google Analytics