Comment définit z-index à Ext.Panel (ExtJS)?

Question

J'ai un problème avec z-index (je pense) dans ExtJS. Alors que glisser-déposer élément de GridPanel à DataView I déposer l'élément sur GridPanel et il a chuté à DataView. Mais DataView a lieu sous le GridPanel, et cela est impossible! Thx! (problème dans tous les navigateurs)

Answer 1

Avez-vous essayé de régler l'index z de votre article sur un ordre supérieur? ie.

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'); 

Answer 2

de Windows

Si vous avez envie de gérer les zIndex pour Windows, vous pouvez utiliser le Ext.WindowManager. Toutes les fenêtres sont enregistrées automatiquement au gestionnaire de fenêtres de sorte que vous pouvez faire:

Ext.WindowManager.bringToFront(component) 

ou obtenir la prochaine zIndex

Ext.WindowManager.getNextZSeed() 

Tous les composants flottants

Si le problème est avec d'autres composants flottants comme le glisser-déposer, vous pouvez enregistrer les composants présents dans un zIndexManager

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

Ensuite, vous pouvez faire:

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

ou de le gérer avec:

zIndexManager.getNextZSeed();