当前位置:首页 > 开发 > Web前端 > Ext > 正文

Extjs3.4 双击标题关闭tab页

发表于: 2012-11-14   作者:379548695   来源:转载   浏览:
摘要: 参考的http://atian25.javaeye.com/blog/413920但是我的extjs是3.4版。楼主给的代码tabpanel样式有变形。不知道楼主用的什么版本。查看3.4版tabpanel的源代码,做如下2个修改可以实现双击标题关闭tab页 首先在公用js里面添加如下代码   //tabpanel 双击标题关闭页面。 Ext.override(Ext.TabP

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

Extjs3.4 双击标题关闭tab页

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

推荐文章
编辑推荐
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号