如何将z-index设置为Ext.Panel(ExtJS)?

时间:2010-08-06 14:20:54

标签: extjs

我在ExtJS中遇到了z-index(我认为)的问题。 从GridPanel到DataView的拖放元素我将元素放在GridPanel上,然后它被删除到DataView。 但是DataView在GridPanel下面,这个不可能! 谢谢! (所有浏览器都有问题)

2 个答案:

答案 0 :(得分: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');

答案 1 :(得分:1)

<强>窗

如果您想管理Windows的zIndex,可以使用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();