為extjs的TabPanel 新增右鍵關閉效果(修改一個bug)
原地址:http://my.oschina.net/zhongwenhao/blog/333134?fromerr=nmntbKsp
效果圖如下:
因為我用的是extjs-4.2.1.883 這個版本,右鍵選單的相關原始碼需要在釋出包下的原始碼(examples\ux)下去查詢(Ext.ux.BoxReorderer,Ext.ux.TabCloseMenu,Ext.ux.TabReorderer,Ext.ux.TabScrollerMenu)
在首頁面配置路徑:
?1 2 3 4 5 6 7 |
Ext.Loader.setConfig({
enabled: true ,
paths: {
'Ext.app' : '../../extjs4.2/examples/portal/classes' ,
'Ext.ux' : '../../extjs4.2/examples/ux'
}
});
|
新增程式碼如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
{
itemId: 'contentTab' ,
xtype: 'tabpanel' ,
region: 'center' ,
margin: '2 2 2 0' ,
layout: 'border' ,
items: [{
xtype: 'main' ,
title: '首頁' ,
region: 'center'
}],
plugins: new Ext.create( 'Ext.ux.TabCloseMenu' ,{
closeTabText: '關閉面板'
|