jQuery UI对话框(模态),防止任何回发

Question

如何在jQuery UI对话框中回发ASP.NET提交按钮？

实际上我正在使用UI对话框模式,就像我们使用Ajax控件工具包的模式一样,来更新存储在gridview控件中的数据值.我能够做所有事情,但我无法使用UI模式触发回发.我对jQuery及其UI有点新,所以找不到一个好的解决方案.

对于Ajax工具包的模态,我们习惯设置一个触发器属性,以便在有人点击其提交按钮时启用回发,但这里就不可能了.以下是我的代码:

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

在gridview中,我在事件中添加了javascript事件invokeEditPopup()到按钮(用于弹出对话框)GridView_DataBound.

如何使btnEditEvent对话框进行回发,以便在服务器上执行所需的过程.

-----------------------有关更多信息------------------我尝试使用jQuery中的想法带有ASP.NET按钮回发的UI对话框.

接下来在JavaScript中定义我的对话框,我尝试使用(当然是单独的):

$("#editEventModal").parent().appendTo($("form"));

//--------And---------------
$(".ui-dialog").parent().appendTo($("form"));

//--------And---------------
$("#editEventModal").parent().prependTo($("form"));

//--------And---------------
$(".ui-dialog").parent().prependTo($("form"));

但它无法正常工作.

Answer 1

最后,我得到了答案:Stack Overflow问题ASP.NET按钮单击事件未触发.感谢PirateKitten.

我需要做的只是在JavaScript中创建对话框下面添加以下内容,它就像魅力一样.

$("#editEventModal").parent().appendTo(jQuery("form:first"));