ASPxPopupControl總是在另一ASPxPopupControl

Question

期望的行爲面前：

• popup1是100x100的
• popup2是50×50
• 沒有彈出可以爲我的目的模態。

當顯示popup1時popup2也應顯示在它的前面。我想讓popup2總是在popup1前面，但是當我點擊popup1時，popup2總是在popup1後面移動。當我說「在前面」時，我的意思是，即使popup1是活動彈出窗口，我希望popup2始終具有更高的Z-index（最重要）。

嘗試和信息：

我可以在頁面標記單個彈出默認情況下得到的12000 z-index的看到。

我已經使用CSS給每個彈出不同的z-index值，像這樣嘗試：

.popup1{z-index:20000!important;} 
.popup2{z-index:21000!important;} 

我也嘗試過這樣的：

.popup1{z-index:11000!important;} 
.popup2{z-index:12001!important;} 

我也試過包裝在每個彈出div標籤與類似的CSS。

每個彈出窗口z-index都會更新爲12002，具體取決於它是否處於活動狀態，這與我設置的無關。

我還嘗試在div標籤中包裝較大的彈出窗口並處理onclick事件以設置較小彈出窗口的z-index。

在此先感謝！

一些半相關鏈接：

http://www.devexpress.com/Support/Center/p/Q346044.aspx

http://www.devexpress.com/Support/Center/p/Q382392.aspx

http://www.devexpress.com/Support/Center/p/Q36091.aspx

Answer 1

此前我曾嘗試在處理onclick事件的div中包裝popup1（後部），以將popup2（前部）帶到前部，但這並不起作用。

工作是處理div包裝器的onmousedown事件。

Answer 2

您可以調用popup2 BringToFront方法popup1 Shown事件。

<dxpc:ASPxPopupControl ClientInstanceName="popup1"...> 
    <ClientSideEvents Shown=" 
     function(s, e) { 
      if(e.window.index == 0) popup1.BringWindowToFront(popup1.GetWindow(1)) 
     }"/> 
</dxpc:ASPxPopupControl> 

本示例使用一個包含兩個窗口的彈出控件。如果這不是你的情況（也許你有一個窗口有兩個彈出控件）只是適應您的需求樣本。