ExtJS 4 "siempre en la parte superior" Ventana

Question

Necesito implementar Window que siempre puede estar arriba. ¿Cómo puedo hacerlo? Todos mis intentos con WindowManager me dan ningún resultado :(

Answer 1

En Ext.window.Window, hay una propiedad llamada ' modal':. Es true

De lo contrario, utilice el WindowManager para gestionar sus ventanas: en este caso, hay que seguir los siguientes pasos:

1. registro sus ventanas para el gestor de ventanas (Ext.WindowManager.register (winId))
2. uso BringToFront método para fijar la ventana en la parte superior (Ext.WindowManager.bringToFront (winId))
3. por último, comprobar el elemento en la parte superior con el método degetActive (Ext.WindowManager.getActive ())

Ej:

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

O:

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 

Espero que esto te ayude.

Cyaz