一、如何讓ExtJS的彈出提示資訊框Ext.MessageBox或者建立的Ext.Window顯示在最前面：
下面是顯示一個Window的JS代碼：
var formPanel = MisTab1.createAddFormPanel();
var addWin = new Ext.Window({
title: "添加産品類别",
pageX: 50,
pageY: 50,
width: 600,
height: 200,
plain: true,
resizable: false,
collapsible: true,
closeAction: 'close',
closable: true,
modal: 'true',
buttonAlign: "center",
bodyStyle: "padding:20px 0 0 0",
alwaysOnTop: true,
items: [formPanel],
buttons: [{
text: "添 加",
minWidth: 70,
handler: function() {
}
}, {
text: "關 閉",
minWidth: 70,
handler: function() {
}
}]
});
addWin.show();
效果如圖：
想要讓Window顯示在最前面，隻要建立一個WindowGroup管理建立的Window即可，需要添加的代碼如下：
var tab1GroupMgr = new Ext.WindowGroup();
//前置視窗
tab1GroupMgr.zseed=99999;
var addWin = new Ext.Window({
title: "添加産品類别",
pageX: 50,
pageY: 50,
width: 600,
height: 200,
plain: true,
manager: tab1GroupMgr,
...
二、ExtJS彈出提示資訊框Ext.MessageBox或者建立的Ext.Window被Ext.TabPanel覆寫的解決方法
出現這種原因可能是因為TabPanel設定了floating:true配置項。
floating : Boolean True表示為浮動此面闆(帶有自動填充和投影的絕對定位)，false... True表示為浮動此面闆(帶有自動填充和投影的絕對定位)，false表示為在其渲染的位置"就近"顯示(預設為false)。True to float this Panel (absolute position it with automatic shimming and shadow), false to display it inline where it is rendered (defaults to false).
解決方法就是把設定的floationg:true配置項去掉：
var tabPanel = new Ext.TabPanel({
region: 'center',
activeTab:0,
shadow: true,
floating: true, //去掉該配置項
items: [{
title: '歡迎頁面'
}]
});