2010-08-06 18 views
6

Tengo un problema con el índice Z (creo) en ExtJS. Mientras arrastro y suelto el elemento de GridPanel a DataView, dejo caer elemento sobre GridPanel y se cayó a DataView. Pero DataView tiene lugar bajo GridPanel, ¡y esto es imposible! ¡Thx! (problema en todos los navegadores)¿Cómo se establece el índice z en Ext.Panel (ExtJS)?

Respuesta

14

¿Ha intentado establecer el índice Z de su artículo a un orden superior? es decir.

Ext.Msg.show({ 
    title:'Request Failed', 
    msg:"Error, The request was not found in the database", 
    icon: Ext.MessageBox.ERROR, 
    buttons: Ext.Msg.OK 
}); 
Ext.MessageBox.getDialog().getEl().setStyle('z-index','80000'); 
+0

Esto funcionó para mí tal como lo describió. Necesitaba que el cuadro de mensaje apareciera sobre la máscara de carga y esto sirvió de ejemplo –

+1

@Bosvark ¿De dónde viene el '80000'? + 1ed! –

+0

de hecho, @Chesney ¿De dónde vienen los 80 000? ¿Solo un número "alto"? – VDP

1

de Windows

Si ha desee gestionar la zIndex para Windows que puede utilizar el Ext.WindowManager. Todas las ventanas se registran automáticamente al gestor de ventanas por lo que puede hacer:

Ext.WindowManager.bringToFront(component) 

o lleve a la próxima zIndex

Ext.WindowManager.getNextZSeed() 

todos los componentes flotantes

Si el problema es con otros componentes flotantes Al igual que las cosas de arrastre, puede registrar los componentes actuales en un zIndexManager

var zIndexManager = new Ext.ZIndexManager; 
zIndexManager.register(compA); 
zIndexManager.register(compB); 

A continuación, puede hacer:

zIndexManager.sendToBack(comp); 
zIndexManager.bringToFront(comp); 

o director con:

zIndexManager.getNextZSeed(); 
Cuestiones relacionadas