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

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

1 ответов


В Расшир.окно.Окно, есть свойство под названием'модальные': установите значение true.

в противном случае, используйте WindowManager для управления Windows: в этом случае вы должны выполнить следующие действия:

  1. зарегистрироваться ваши окна в WindowManager (ВН.Ему.Регистрация (winId))
  2. использовать bringToFront метод установки окна сверху (ВН.Ему.bringToFront (winId))
  3. наконец, проверьте элемент сверху с помощью getActive метод (ВН.Ему.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