var tab = new Ext.TabPanel({
region:'center',
deferredRender:false,
activeTab:0,
resizeTabs:true, // turn on tab resizing
minTabWidth: 115,
tabWidth:135,
enableTabScroll:true,
//双击关闭tab页
initEvents: function() {
Ext.TabPanel.superclass.initEvents.call(this);
this.mon(this.strip, 'mousedown', this.onStripMouseDown, this);
//ADD:monitor title dbclick
this.mon(this.strip, 'dblclick', this.onTitleDbClick, this);
},
//ADD: handler 双击关闭tab页
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);
}
}
});
分享到:
相关推荐
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
网上搜的都是extjs4版本,已经不兼容,于是自己做了基于extjs6.x版本的插件,双击选项卡(Ext.Tab.Panel)执行关闭操作,习惯这样的操作了。。。
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!
Extjs4 tab 基本选项卡及增删插入操作
extjs4.2.1 tabPanel刷新及关闭标签
extjs点击右侧面板生成tab,面板是ul+li的
Extjs4.2 设置tabpanel当前活动页签的样式
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
extjs界面生成,页面设计,可以用可视化的方式,生成一套extjs系统界面
Extjs4.2 根据不同的数值设置tabpanel行的背景颜色
漂亮的Extjs图片展示组件实例,类似于幻灯片,可直接拿去用,非常不错的哦
用extjs写的页面例子,是一个系统,很合适初学者学习
随便玩玩的EXTJS3.1的一个页面初学者可以看看, 可以用来学习学习。内容还是很丰富的。随便玩玩的EXTJS3.1的一个页面初学者可以看看, 可以用来学习学习。内容还是很丰富的。
NULL 博文链接:https://zhonghuart.iteye.com/blog/1663377
ExtJS页面路由,指定了主页面然后实现的viewport切换路由
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
用extjs4写的登录页面,希望对你有用,适合初学者
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
一个关于TABS组件的EXT实例,帮助大家学习TAB控件和JS语言。。。