ModalPopup div不顯示

Question

我在我的asp.net應用程序中有一個ModalPopup窗口，我想要在單擊Listview控件項目時顯示該窗口。

<div id="ModalPopup" style="visibility:hidden" runat="server"> 
    <div style="position: absolute; width: 100%; height: 100%; z-index: 10002; background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;"> 
    &nbsp; 
    </div> 
    <table style="position: absolute; width: 100%; height: 100%; z-index: 10003;"> 
    <tr> 
     <td align="center" valign="middle"> 
     <div style="color: Black; font-weight: bolder; background-color: White; padding: 15px; width: 200px;"> 
      <asp:Image ID="Image4" runat="server" ImageUrl="~/Images/ajax-loader.gif" />...Processing.... 
     </div> 
     </td> 
    </tr> 
    </table> 
    </div> 

然而，在我RadListView1_SelectedIndexChanged事件，我的代碼是：ModalPopup.Attributes.Add("style", "visibility:visible");但模式彈出不顯示。

我怎麼能當選擇ListView項顯示呢？

Answer 1

由於您已經定義了ModalPopup DIV作爲服務器控件（如runat=server）和你要決定是否要顯示它或代碼隱藏不- 只需使用Visible屬性.. 。

<div id="ModalPopup" Visible="false" runat="server"> 
    .... 
</div> 

，並在代碼的RadListView1_SelectedIndexChanged事件背後只是改變可見的真：

protected void RadListView1_SelectedIndexChanged() 
{ 
    ModalPopup.Visible = true; 
} 

，如果你堅持要改變能見度屬性本身，你可以使用RegisterStartupScript這樣的：

protected void RadListView1_SelectedIndexChanged() 
{ 
    ClientScript.RegisterStartupScript(this.GetType(), "ShowPopup", "document.getElementById('" + ModalPopup.ClientID + "').style.visibility = 'visible';", true); 
}