asp.net按鈕是不是功能在div和表爲UI對話框

Question

我有錯誤的asp.net按鈕是不是與我的功能VS 2010： 當我刪除ui-dialog一切工作正常。 我需要一個忠告來自各位： 下面是Dropbox的鏈接到源文件： 點擊here

Answer 1

這裏是解決問題的方法： -

註冊大會AjaxControlToolkit

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> 

加入ModalPopUpEntender如下：

<asp:HiddenField ID="HiddenField1" runat="server" /> 
<cc3:ModalPopupExtender ID="Modal1" BehaviorID="Modal1" runat="server" 
TargetControlID="HiddenField1" PopupControlID="Panel2" Enabled="true" BackgroundCssClass="modalBg"> 
</cc3:ModalPopupExtender> 
<asp:Panel ID="Panel2" runat="server" Style="display: none; border-top-width: thin; 
border-left-width: thin; border-left-color: black; border-bottom-width: thin; 
border-bottom-color: black; border-top-color: black; border-right-width: thin; 
border-right-color: black;" Width="350px" > 
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;"> 
<tr> 
    <td> 
    <asp:Button ID="imgbtnSaveSearch" CausesValidation="False" runat="server" Text="Save Record" 
     CssClass="yourCssClass" OnClick="imgbtnSave_Click"/> 
    <asp:Button ID="ImageButtonCancel" runat="server" OnClick="imgbtnCancel_Clikc" 
     Text="Cancel" CssClass="button" /> 
    </td> 
    </tr> 
</table> 
</asp:Panel> 

在點擊按鈕顯示它： -

<asp:ImageButton ID="imgbtnShow" runat="server" CausesValidation="False" 
            ImageUrl="~/Images/your image.gif" OnClick="imgbtnShow_Click" /> 

代碼隱藏代碼按鈕點擊： -

 protected void imgbtnShow_Click(object sender, ImageClickEventArgs e) 
      { 
       Modal1.Show(); 
      } 
    protected void imgbtnSave_Click(object sender, EventArgs e) 
      { 
       // do stuff here to save data 
      } 
protected void imgbtnCancel_Click(object sender, EventArgs e) 
{ 
    Modal1.Hide(); 
} 

CSS類使得一切都禁止彈出出現時： -

.modalBg 
     { 
      background-color: #D3D3D3; /* IE 8 */ 
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ 
      filter: alpha(opacity=50); /* Netscape */ 
      -moz-opacity: 0.5; /* Safari 1.x */ 
      -khtml-opacity: 0.5; /* Good browsers */ 
      opacity: 0.5; 
     }