2010-08-06 32 views
6

我在ExtJS中有z-index(我认为)的问题。 将元素从GridPanel拖放到DataView时,将元素拖放到GridPanel上,并将其放到DataView上。 但是DataView在GridPanel下有地方,而且这个不可能! Thx! (在所有浏览器中都存在问题)如何将z-index设置为Ext.Panel(ExtJS)?

回答

14

您是否尝试将项目的z-index设置为更高的顺序? 即。

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

这个工作对我来说,就像你描述。我需要消息框出现在加载掩码上,并且这个技巧做到了 – 2011-05-25 15:58:50

+1

@Bosvark'80000'从哪里来?为此+1! – 2012-07-16 21:44:56

+0

确实,@Chesney 80 000从哪里来?只是一个'高'的数字? – VDP 2015-09-16 11:09:35

1

的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();