参考的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页的功能。