無法在jQuery對話框中點擊一個asp.net按鈕

Question

我已經在網上進行了搜索，並嘗試了一些提供的解決方案，但沒有一個適合我。

我有一個div內的按鈕。我在jQuery對話框中顯示div。按鈕單擊不在jQuery對話框中工作。

我有我的代碼如下：

ASPX

<div id='one'> 
<asp:LinkButton ID="ConfigureAlerts" OnClick="btnConfigureAlerts_Click" runat="server">Configure Alerts</asp:LinkButton> 
</div> 
<div id="ViewModalPopupDiv2"> 
     <asp:UpdatePanel ID="UpdatePanel3" runat="server"> 
      <ContentTemplate> 
      <asp:Panel ID="Panel2" runat="server" HorizontalAlign="left" ScrollBars="Auto"> 
      <asp:Button ID="btnGetLogs" runat="server" Text="SendAlerts" OnClick="btnSendAlertEmail_Click"/> 
      </asp:Panel> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 

jQuery的

function ViewModelPopup2() { 
      $("#ViewModalPopupDiv2").dialog({ 
       scrollable: true, 
       width: 800, 
       modal: true 
      }); 
     } 

aspx.cs

protected void btnSendAlertEmail_Click(object sender, EventArgs e) 
     { 

      // Code to send email 

     } 

protected void btnConfigureAlerts_Click(object sender, EventArgs e) 
     { 

     ScriptManager.RegisterStartupScript 
         (this, this.GetType(), "callScriptFunction", "ViewModelPopup2();", true); 
     } 
    } 

請讓我知道我需要做的，觸發服務器控制ol事件。

Answer 1

我也有這個問題與asp.net按鈕和jQuery UI對話框。 要解決它，你需要在你的aspnet按鈕中設置標籤UseSubmitBehavior到false。

如果UseSubmitBehavior屬性設置爲真（這是默認值），該按鈕將使用瀏覽器的提交機制（和jQuery對話框的UI操作的話），如果UseSubmitBehavior設置爲假，按鈕將使用asp.net框架在頁面中包含的客戶端腳本發佈到表單。

所以，你的HTML應該是這樣的：

<div id='one'> 
<asp:LinkButton ID="ConfigureAlerts" OnClick="btnConfigureAlerts_Click" runat="server">Configure Alerts</asp:LinkButton> 
</div> 
<div id="ViewModalPopupDiv2"> 
     <asp:UpdatePanel ID="UpdatePanel3" runat="server"> 
      <ContentTemplate> 
      <asp:Panel ID="Panel2" runat="server" HorizontalAlign="left" ScrollBars="Auto"> 
      <asp:Button ID="btnGetLogs" runat="server" Text="SendAlerts" OnClick="btnSendAlertEmail_Click" UseSubmitBehavior="false" /> 
      </asp:Panel> 
      </ContentTemplate> 
     </asp:UpdatePanel> 
    </div> 

更多細節在http://msdn.microsoft.com/library/system.web.ui.webcontrols.button.usesubmitbehavior.aspx

Answer 2

這是經典的，感謝我的移動jQuery的對話，提問。

由於某種原因，jQuery UI會將您的對話框代碼移到窗體標記之外的html標記的底部。您需要在對話框搬回到形式更多的jQuery：

dlg.parent().appendTo(jQuery('form:first'));

其中DLG是您jQuery.UI對話框對象。

 var dlg = $("#ViewModalPopupDiv2").dialog({ 
      scrollable: true, 
      width: 800, 
      modal: true 
     }); 
     dlg.parent().appendTo(jQuery('form:first')); 

這應該讓你的工作再次爲你工作。乾杯!

如果不行，請嘗試這樣做，在打開的事件：

open: function(type,data) { $(this).parent().appendTo("form"); }