2011-02-15 9 views
7

Al tener muchos GWT DialogBox'es, el primero siempre se queda en la parte inferior y se crean nuevos en la parte superior. Lo que estoy tratando de obtener es una forma de poner uno de esos cuadros de diálogo en la parte superior cuando se hace clic. No he encontrado el enfoque GWT para manejar la profundidad (algo relacionado con una etiqueta CSS z-index pero le falta algo de documentación).DialogBox depth (z-index) en GWT

Respuesta

9

creo, se puede usar algo como esto:

DialogBox d=new DialogBox(); 
d.getElement().getStyle().setZIndex(intValue); 
+0

Su solución funciona para mí. – uthark

1

También puede definir una regla CSS para todos DialogBoxes en el sistema:

@external gwt-PopupPanel; 
@external gwt-DialogBox; 
@external gwt-PopupPanelGlass; 
.gwt-PopupPanel, .gwt-DialogBox, .gwt-PopupPanelGlass { 
    z-index: 1000; 
} 

(quitar las referencias @external si no están usando CssResource).

De esta forma, todas sus ventanas emergentes, cuadros de diálogo y ventanas emergentes estarán sobre otros elementos en la página. Asegúrese de que ningún otro elemento tenga un índice Z superior al valor que elija (en mi ejemplo, 1000).

+0

¡Solución muy elegante! –