Как установить z-index для Ext.Panel (ExtJS)?

Question

У меня проблема с z-index (я думаю) в ExtJS. При перетаскивании элемента из GridPanel в DataView я перетаскиваю элемент поверх GridPanel, и он сбрасывается в DataView. Но DataView имеют место под GridPanel, и это невозможно! Спасибо! (проблема во всех браузерах)

Answer 1

Вы пытались установить z-индекс вашего предмета на более высокий порядок?то есть.

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

Windows

Если вы хотите управлять zIndex для Windows, вы можете использовать Ext.WindowManager. Все окна автоматически регистрируются в диспетчере окон, поэтому вы можете сделать:

Ext.WindowManager.bringToFront(component)

или получите следующий zIndex

Ext.WindowManager.getNextZSeed()

Все плавающие компоненты

Если проблема связана с другими плавающими компонентами, такими как перетаскивание, вы можете зарегистрировать существующие компоненты в zIndexManager

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

Тогда вы можете сделать:

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

или управляйте им с помощью:

zIndexManager.getNextZSeed();