Extjs3.4 双击标题关闭tab页

阅读更多

参考的http://atian25.javaeye.com/blog/413920但是我的extjs是3.4版。楼主给的代码tabpanel样式有变形。不知道楼主用的什么版本。查看3.4版tabpanel的源代码，做如下2个修改可以实现双击标题关闭tab页

首先在公用js里面添加如下代码

 

 //tabpanel 双击标题关闭页面。
 Ext.override(Ext.TabPanel, {   
    initEvents: function () {   
        Ext.TabPanel.superclass.initEvents.call(this);
        this.mon(this.strip, {
            scope: this,
            mousedown: this.onStripMouseDown,
            contextmenu: this.onStripContextMenu
        });
        if(this.enableTabScroll){
            this.mon(this.strip, 'mousewheel', this.onWheel, this);
        }
        //ADD:monitor title dbclick      
        this.mon(this.strip, 'dblclick', this.onTitleDblClick, this);   
    }   
}); 

 然后在创建tabpanel时候添加如下属性即可

 

onTitleDblClick: 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);   
	            }   
	        },   

 至此Extjs3.4 完美实现双击标题关闭tab页的功能。