2010-08-06 13 views
6

Ich habe ein Problem mit Z-Index (glaube ich) in ExtJS. Während Drag & Drop-Element von GridPanel nach DataView Ich Drop Element über GridPanel und es fiel auf DataView. Aber DataView haben Platz unter dem GridPanel, und das ist unmöglich! Thx! (Problem in allen Browsern)Wie setzt Z-Index zu Ext.Panel (ExtJS)?

Antwort

14

Haben Sie versucht, den Z-Index Ihres Artikels auf eine höhere Reihenfolge zu setzen? dh.

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

Dies funktionierte für mich genauso wie Sie beschrieben. Ich brauchte das Meldungsfeld, um über der Lademaske zu erscheinen, und dies tat den Trick –

+1

@Bosvark Woher kommt die '80000'? + 1ed! –

+0

tatsächlich, @Chesney Woher kommen die 80 000? Nur eine "hohe" Nummer? – VDP

1

Windows-

Wenn Sie möchten, haben die zIndex für Fenster verwalten Sie die Ext.WindowManager verwenden können. Alle Fenster werden automatisch in den Window-Manager registriert, so dass Sie tun können:

Ext.WindowManager.bringToFront(component) 

oder die nächste zIndex erhalten

Ext.WindowManager.getNextZSeed() 

Alle schwebenden Komponenten

Wenn das Problem mit anderen schwimmenden Komponenten wie das ziehen Sachen können Sie die vorhandenen Komponenten zu einem zIndexManager

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

Dann können Sie tun:

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

oder verwalten mit:

zIndexManager.getNextZSeed(); 
Verwandte Themen