Kann nicht auf eine asp.net-Schaltfläche in einem jquery Dialogfeld klicken

Question

Ich habe bereits online gesucht, und versuchen Sie ein paar Lösungen zur Verfügung gestellt, aber keiner von ihnen funktioniert für mich.

Ich habe eine Schaltfläche innerhalb einer div. Ich zeige das div in einem jquery Dialog an. Der Knopfklick funktioniert nicht im jquery Dialog.

Ich habe meinen Code unten:

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); 
     } 
    } 

mich bitte wissen, was ich tun muss, den Server-Contr auszulösen ol Ereignisse.

Answer 1

Ich hatte auch dieses Problem mit asp.net Schaltflächen und jQuery UI Dialog. Um es zu lösen, müssen Sie in Ihrer Aspnet-Taste das Tag UseSubmitBehavior zu false setzen.

Wenn UseSubmitBehavior Attribut wahr gesetzt ist (dies ist der Standardwert), wird der Button des Browser einreichen-Mechanismus verwenden (und jQuery Dialog UI es manipuliert), wenn UseSubmitBehavior zu falsch gesetzt, die Schaltfläche verwendet ein clientseitiges Skript, das das asp.net-Framework auf der Seite enthält, um es im Formular zu veröffentlichen.

So Ihre HTML so sein sollte:

<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> 

Weitere Details unter http://msdn.microsoft.com/library/system.web.ui.webcontrols.button.usesubmitbehavior.aspx

Answer 2

Dies ist die klassische, danke für meine Dialog jQuery Frage zu bewegen.

jQuery UI verschiebt Ihren Dialogcode aus irgendeinem Grund an den unteren Rand des HTML-Markups außerhalb des Formular-Tags. Sie müssen den Dialog wieder in die Form mit etwas mehr jQuery bewegen:

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

wo dlg ist Ihr jQuery.UI Dialog-Objekt.

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

Das sollte Dinge wieder für Sie arbeiten. Prost!

Wenn das nicht funktioniert, versuchen Sie, dass in der offenen Veranstaltung zu tun:

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