extjs - ExtJS4「常に一番上」ウィンドウ

Question

常に一番上に表示できるWindowを実装する必要があります。どうすればいいですか？WindowManagerを使って試しても、結果は得られません:(

Answer 1

Ext.window.Windowには、「モーダル」と呼ばれるプロパティがあります。これをtrueに設定します。

それ以外の場合は、WindowManagerを使用してウィンドウを管理します。この場合、次の手順に従う必要があります。

1. ウィンドウをWindowManagerに登録します（ 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