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);
}
//ADD:monitor title dbclick
this.mon(this.strip,'dblclick',this.onTitleDbClick,this);
},
//ADD: handler
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);
}
}
});
回答问题: http://www.iteye.com/problems/19385
可以进一步修改为添加一个titiledbclick event.
分享到:
相关推荐
extjs4.2.1 tabPanel刷新及关闭标签
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
NULL 博文链接:https://rowen.iteye.com/blog/446163
ExtJS tabPanel实例ExtJS tabPanel实例
Extjs4.2 设置tabpanel当前活动页签的样式
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!
Extjs4.2 根据不同的数值设置tabpanel行的背景颜色
TabPanel(选项卡组件) 参数说明 renderTo| jQuery object | NULL> 渲染到某容器 将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 ...
ExtJS 关闭TabPanel内的Panel时使用TabPanel的'beforeremove’和其内的Panel的'beforeclose’事件弹出关闭确认提示对话框
网上搜的都是extjs4版本,已经不兼容,于是自己做了基于extjs6.x版本的插件,双击选项卡(Ext.Tab.Panel)执行关闭操作,习惯这样的操作了。。。
解决Ext中tabPanel关闭后再次打开的2种方式。详情见文件,很小的txt文本。
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
NULL 博文链接:https://icyfire.iteye.com/blog/412574
代码如下: var tabIndex = ‘shouye’;... /** * 向TabPanel组件中添加窗口或激活已经存在的窗口 * 并将指定资源加载进窗口 * @param node : 传入的Node节点 */ var loadPanel = function(node) { var
1、Ext.TabPanel简单使用 代码:
ExtJS页面路由,指定了主页面然后实现的viewport切换路由
Extjs实现翻书效果,翻页会有演示效果。