How Can I Trigger ASP.NET Server-Side Events from Buttons Inside a jQuery UI Dialog?

Integrating jQuery UI Dialogs with ASP.NET Server-Side Events

This article explains how to successfully trigger ASP.NET server-side events from buttons placed inside jQuery UI Dialogs. A common problem is that buttons within these dialogs fail to initiate postbacks.

The key to resolving this lies in correctly referencing the dialog object. Instead of using jQuery("#dialog"), you need to interact with the actual dialog object returned by jQuery("#dialog").dialog(). Assign this to a variable, for example, dlg:

jQuery(function() {
    var dlg = jQuery("#dialog").dialog({
                         draggable: true,
                         resizable: true,
                         show: 'Transfer',
                         hide: 'Transfer',
                         width: 320,
                         autoOpen: false,
                         minHeight: 10,
                         minwidth: 10
                     });

Furthermore, the code responsible for appending the dialog's div to the form should utilize this dlg variable:

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

By making these changes, your jQuery UI Dialog buttons will correctly trigger ASP.NET postbacks, enabling the execution of server-side code within the dialog.

The above is the detailed content of How Can I Trigger ASP.NET Server-Side Events from Buttons Inside a jQuery UI Dialog?. For more information, please follow other related articles on the PHP Chinese website!