ExtJS 4 "Всегда сверху" Окно

Question

Мне нужно реализовать Window, который всегда может быть сверху. Как я могу это сделать? Все мои попытки с WindowManager не дают результатов:(

Answer 1

В Ext.window.Window есть свойство с именем 'modal': установите его в true.

В противном случае используйте WindowManager для управления окнами: в этом случае вам необходимо выполнить следующие шаги:

1. зарегистрируйте свои окна в WindowManager (Ext.WindowManager.register (winId))
2. используйте метод takeToFront, чтобы установить верхнее окно (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