Bagaimana untuk Mencetuskan Pos Balik Butang ASP.NET daripada Dialog UI jQuery?

Mengintegrasikan Dialog UI jQuery dengan Pos Balik Butang ASP.NET

Tingkatkan halaman web ASP.NET anda dengan Dialog UI jQuery interaktif. Walau bagaimanapun, mencetuskan siaran butang ASP.NET sebelah pelayan dari dalam dialog ini memerlukan pendekatan khusus.

Inilah cabarannya: Dialog UI jQuery standard, jika tidak disepadukan dengan betul, tidak akan mencetuskan acara Click butang ASP.NET yang berkaitan secara automatik. Ini kerana dialog biasanya dipaparkan di luar sempadan borang.

Masalah dan Penyelesaian:

Coretan kod berikut menggambarkan isu ini:

<code class="language-javascript">jQuery(function() {
    jQuery("#dialog").dialog({
        draggable: true,
        resizable: true,
        show: 'Transfer',
        hide: 'Transfer',
        width: 320,
        autoOpen: false,
        minHeight: 10,
        minwidth: 10
    });
    jQuery("#button_id").click(function(e) {
        jQuery('#dialog').dialog('option', 'position', [e.pageX + 10, e.pageY + 10]);
        jQuery('#dialog').dialog('open');
    });
});</code>

Kod ini, sebagaimana adanya, akan gagal melaksanakan btnButton_Click pengendali acara sebelah pelayan.

Penyelesaian terletak pada memastikan dialog diletakkan dengan betul dalam borang ASP.NET. Ubah suai kod seperti berikut:

<code class="language-javascript">jQuery(function() {
    var dlg = jQuery("#dialog").dialog({
                         draggable: true,
                         resizable: true,
                         show: 'Transfer',
                         hide: 'Transfer',
                         width: 320,
                         autoOpen: false,
                         minHeight: 10,
                         minwidth: 10
                     });
    dlg.parent().appendTo(jQuery("form:first"));
});</code>

Kod terlaras ini menambahkan elemen induk dialog pada bentuk pertama pada halaman (jQuery("form:first")). Langkah penting ini memastikan dialog kini menjadi sebahagian daripada proses penyerahan borang, membenarkan pos balik butang ASP.NET berfungsi dengan betul.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Pos Balik Butang ASP.NET daripada Dialog UI jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!