Okno dialogowe jQuery UI (Modal) zapobiega wszelkim postbackom
W jaki sposób można utworzyć wiadomość zwrotną przycisku przesyłania ASP.NET w oknie dialogowym interfejsu użytkownika jQuery?
Właściwie używam modalnego okna dialogowego interfejsu użytkownika, takiego jak to, które zrobiliśmy z modalnym zestawem narzędzi kontrolnych Ajax, aby zaktualizować wartości danych przechowywanych w kontrolce gridview. Jestem w stanie zrobić wszystko, ale nie mogę wywołać postbacku za pomocą modalnego interfejsu użytkownika. Jestem trochę nowy w jQuery i jego interfejs użytkownika, więc nie mogę znaleźć dobrego rozwiązania.
W przypadku modalności zestawu narzędzi Ajax ustawiliśmy właściwość wyzwalacza, aby umożliwić zwrot, gdy ktoś kliknie na przycisk wysyłania, ale tutaj jest to niemożliwe. Oto mój kod:
//------------Modal first----------------
<div id="editEventModal" title="Edit Event Details" style="display:none">
//-------Here are my controls with asp.net validators
<asp:Button ID="btnEditEvent" runat="server" Text="Save" ValidationGroup="EditEvent" />
</div>
//--------- JavaScript/jQuery method for calling popup
function invokeEditPopup(){
$("#editEventModal").dialog({
width: 700,
modal: true
});
}
//-- Please not that I have not used UI_Dialog's predefined `OK`, `Cancel` buttons as I need to validate my form with asp.net validators on submit button's `click` event.
W gridview dodałem zdarzenie javascriptinvokeEditPopup()
do przycisków (które będą używane do otwierania okna dialogowego), wGridView_DataBound
Zdarzenie.
Jak zrobićbtnEditEvent
okna dialogowego, aby wykonać zwrot, aby przeprowadzić wymagany proces na serwerze.
----------------------- Więcej informacji ------------------ Próbowałem użyć pomysłów zOkno dialogowe jQuery UI z postbackiem przycisku ASP.NET.
I tuż poniżej, definiując moje okno dialogowe w JavaScript, próbowałem użyć (oczywiście osobno):
$("#editEventModal").parent().appendTo($("form"));
//--------And---------------
$(".ui-dialog").parent().appendTo($("form"));
//--------And---------------
$("#editEventModal").parent().prependTo($("form"));
//--------And---------------
$(".ui-dialog").parent().prependTo($("form"));
Ale to nie działa poprawnie.