Ext4.1 Tab组件双击页签关闭 - ITeye问答

问答首页 → Web前端技术

0 0

Ext4.1 Tab组件双击页签关闭5

请问Ext4.1 Tab组件，如何实现双击页签关闭功能？

2012年7月10日 12:07

eflycongtian
26
0 0 2

2个答案按时间排序按投票排序

0 0

采纳的答案

    var tabs = Ext.createWidget('tabpanel', {
        renderTo: 'tabs1',
        width: 450,
        activeTab: 0,
        defaults :{
            bodyPadding: 10
        },

		listeners:{
				afterrender:function(tab){
					var tabBar = tab.down("tabbar");
					 tab.mon(tabBar.el, {
						scope: this,
						dblclick:function(){
							tabs.remove(tab.getActiveTab());
						},
						delegate: 'div.x-tab'
					});
					  
				}
		},

关键是这几行代码：
var tabBar = tab.down("tabbar");
tab.mon(tabBar.el, {
scope: this,
dblclick:function(){
tabs.remove(tab.getActiveTab());
},
delegate: 'div.x-tab'
});

2012年7月10日 13:03

babydeed
1405
0 2 44

添加评论

0 0

var tabs = new Ext.TabPanel({
        renderTo: 'tabs1',
        width:450,
        activeTab: 0,
        frame:true,
        defaults:{autoHeight: true},
        items:[
            {contentEl:'script', title: 'Short Text'},
            {contentEl:'markup', title: 'Long Text'}
        ],
        initEvents : function(){
		        Ext.TabPanel.superclass.initEvents.call(this);
		        this.on('add', this.onAdd, this, {target: this});
		        this.on('remove', this.onRemove, this, {target: this});
		        this.mon(this.strip, 'mousedown', this.onStripMouseDown, this);
		        this.mon(this.strip, 'contextmenu', this.onStripContextMenu, this);
		        if(this.enableTabScroll){
		            this.mon(this.strip, 'mousewheel', this.onWheel, this);
		        }
		        //monitor title dbclick
		        this.mon(this.strip,'dblclick',this.onTitleDbClick,this);
		    },
		    onTitleDbClick:function(e,target,o){
		    	var t = this.findTargets(e);
		    	if (t.item.fireEvent('beforeclose', t.item) !== false) {
              t.item.fireEvent('close', t.item);
              this.remove(t.item);                
          }
		    }
    });

2012年7月10日 13:04

liuyinhuan
390
1 1 45

添加评论

相关推荐

Ext 4.1版本中文API: 这是2014年1月1日最新Ext4.1版本中文API，解决了目前Ext没有中文API的烦恼，各位同胞还请多多支持！

EXT4.1 api: EXT4.1 API是Linux操作系统中用于操作EXT4文件系统的核心接口。EXT4，全称为Fourth Extended File System，是EXT3文件系统的后续版本，旨在提供更高效、更可靠的存储解决方案。EXT4.1 API的引入是为了让开发者能够更...

ext 4.1中文API: EXT 4.1中文API是Java开发者在使用EXT库时的重要参考资料，特别是对于那些需要深入理解和应用EXT组件的中文社区成员来说，这是一个极其宝贵的资源。EXT是一个强大的JavaScript库，主要用于构建富客户端应用程序，它...

EXT4.1中文版本: EXT4.1中文版本是针对EXT4文件系统的一个更新，主要关注的是其在Linux操作系统中的应用和开发。EXT4（Fourth Extended File System）是Linux内核中广泛使用的日志文件系统，它在EXT3的基础上进行了优化，提高了性能...

ext4.1 mvc 模式: EXTJS 4.1版本引入了MVC（Model-View-Controller）模式，这是一个设计模式，旨在提高软件的可维护性和可扩展性。本文将深入探讨EXTJS 4.1中的MVC模式及其在实际应用中的细节。 **MVC模式概述** MVC模式是一种软件...

ext4.1中文api: EXT4的API接口提供了一系列函数供开发者进行文件系统的操作，包括文件创建、打开、关闭、读取、写入、重命名、删除等。以下是一些主要的API函数： 1. `int ext4_open(const char *pathname, int flags)`：打开文件...

ext4.1文档: 【标题】：ext4.1文件系统详解【描述】：ext4.1是Linux操作系统中的一个高级文件系统，它是ext4的扩展版本，旨在提供更高效的数据存储和检索功能。这一文档将深入探讨ext4.1的核心特性、设计原理以及在实际应用中...

ext 4.1 多重表头gridheader: 在EXT JS 4.1框架中，GridHeader是用于创建复杂和可定制表格视图的重要组件。这个功能允许开发者在网格中实现多层次的表头，从而更好地组织和展示数据。多重表头通常用于呈现具有多维度信息的数据，例如在财务报表...

springmvc+ext4.1+json配置(含jar): 3. 构建EXT4.1界面：利用EXT4.1提供的组件库，创建用户界面，并配置数据源，使其能够与服务器上的JSON接口通信。 4. JSON数据交换：定义RESTful API，使Spring MVC的Controller能够返回JSON，EXT4.1通过Ajax请求获取...

Ext4.1 API中文版V0.4 Beta: Ext4.1 API中文版V0.4 Beta是针对Linux操作系统中Ext4文件系统的开发者接口文档，它提供了详细的中文解释，使得中国开发者更容易理解和利用这个先进的文件系统。Ext4.1是Ext4的一个扩展，旨在增强其性能、稳定性和...

Ext4.1 dsktop MVC 动态model: 看到网上有很多问4.1的Ext desktop与它的MVC架构怎么联系起来，自己准备更新公司系统的Ext 到4.1也遇到这个问题，自己折腾了一天，看了网上很多东东，但看得不是很明白，最后只能自己专研了，悲吹！！ Ext4.1 没其他...

Ext4.1.1月份组件[只选择年月]: 1. 这个组件基于Ext4 只选择年份/月份的组件，在Ext4.1.1版本正常，但在Ext4.2.1只显示了10个月份少了俩月，在其他的Ext4版本还未测过，你可以试一下，有问题小纸条我[天王盖地虎],咱们一起解决。 2. 该组件最初...

ext 4.1完整demo: ext 4.1 完整demo，入门参照必备

Ext4.1 layout实现动态添加Tab与左侧按扭进行互动: Ext4.1 layout实现动态添加Tab左侧按扭进行互动,没有新建过的就新建一个tab已经新建的则设置为当前项,Layout带最大化，最小化功能。与左侧按扭进行互动。注意请放到：ext-4.1.1a-gpl\ext-4.1.1a\examples\下相应的...

myeclipse2013 使用spket 配置EXT4.1: 本文将详细介绍如何在MyEclipse 2013中配置并使用SPket来支持EXT4.1的开发。首先，我们需要了解MyEclipse 2013。MyEclipse是基于Eclipse平台的一个集成开发环境（IDE），专为Java、Web、J2EE和移动应用开发设计。...

ext4.1登陆界面: 标题中的"ext4.1登陆界面"指的是一个基于EXTJS4框架构建的登录界面，它...总的来说，这个"ext4.1登陆界面"项目展示了EXTJS4在构建交互式Web应用方面的强大能力，结合JSP处理后端逻辑，为用户提供了一个完整的登录体验。

Ext4.1 中文API: Ext4.1 中文API文档，脚本娃娃翻译

Ext4.1 demo布局加左侧菜单动态加载: Ext4.1 demo布局加左侧菜单动态加载 demo

Ext4.1 中文api: Ext4.1的中文api，大部分都已汉化成功，个人用着觉得还可以

Ext4.1.0Doc_SUN.zip: EXT4.1.0Doc_SUN.zip 是一个包含EXT4.1版本的文档API的压缩文件，对于想要深入理解和使用EXT框架，特别是EXT4.1版本的开发者来说，这是一个宝贵的资源。EXT是一个流行的JavaScript库，它专注于构建富互联网应用程序...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics