Cách đặt z-index thành Ext.Panel (ExtJS)?

Question

Tôi gặp vấn đề với chỉ mục z (tôi nghĩ) trong ExtJS. Trong khi kéo và thả phần tử từ GridPanel sang phần tử DataView I thả trên GridPanel và nó rơi xuống DataView. Nhưng DataView đã đặt dưới GridPanel, và điều này bất khả chiến bại! Thx! (sự cố trong tất cả các trình duyệt)

Answer 1

Bạn đã thử đặt chỉ mục z của mục của bạn thành đơn hàng cao hơn chưa? tức là.

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

của Windows

Nếu bạn đã muốn quản lý các ZIndex cho các cửa sổ, bạn có thể sử dụng Ext.WindowManager. Tất cả các cửa sổ sẽ được tự động đăng ký với quản lý cửa sổ để bạn có thể làm:

Ext.WindowManager.bringToFront(component) 

hoặc lấy ZIndex tiếp theo

Ext.WindowManager.getNextZSeed() 

tất cả các thành phần nổi

Nếu vấn đề là với các thành phần nổi khác giống như công cụ kéo bạn có thể đăng ký thành phần hiện tại cho một zIndexManager

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

Sau đó, bạn có thể làm:

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

hoặc quản lý nó với:

zIndexManager.getNextZSeed();