ExtJS 4「總是在頂部」窗口

Question

我需要實現始終位於頂部的窗口。我該怎麼做？我所有的嘗試與窗口管理器，讓我沒有結果:(

Answer 1

在Ext.window.Window，有一個名爲「模式」屬性：它設置爲true

否則，使用窗口管理管理您的Windows：在這種情況下，你必須遵循以下步驟：

1. 寄存器你的窗口，窗口管理器（Ext.WindowManager.register（winId））
2. 使用bringToFront方法來設置在頂部窗口（Ext.WindowManager.bringToFront（winId））
3. 最後，檢查元素頂部與getActive方法（Ext.WindowManager.getActive（ ））

如：

Ext.create ('Ext.window.Window', { 
    title: 'Your window' , 
    width: 300 , 
    height: 300 , 
    html: 'ciao ciao' , 
    modal: true 
}).show(); 

或者：

var win1 = Ext.create ('Ext.window.Window', { 
    title: 'Your window' , 
    id: 'firstWin' , 
    width: 300 , 
    height: 300 , 
    html: 'ciao ciao' , 
}); 
win1.showAt (50, 50); 

var win2 = Ext.create ('Ext.window.Window', { 
    title: 'Your window' , 
    id: 'secondWin' , 
    width: 300 , 
    height: 300 , 
    html: 'I love pizza' , 
}); 
win2.showAt (60, 60); 

// Register your floating objects (window in this case) to the WindowManager 
Ext.WindowManager.register (win1); 
Ext.WindowManager.register (win2); 

// Bring 'firstWin' on top 
Ext.WindowManager.bringToFront ('firstWin'); 

// Then, check the zIndexStack 
alert (Ext.WindowManager.getActive().getId()); // this is firstWin, the window with the highest zIndex 

希望這對你有所幫助。

Cyaz