jQuery UI ダイアログ内のボタンから ASP.NET サーバー側イベントをトリガーするにはどうすればよいですか?

jQuery UI ダイアログと ASP.NET サーバー側イベントの統合

この記事では、jQuery UI ダイアログ内に配置されたボタンから ASP.NET サーバー側イベントを正常にトリガーする方法について説明します。 よくある問題は、これらのダイアログ内のボタンがポストバックを開始できないことです。

これを解決する鍵は、ダイアログ オブジェクトを正しく参照することにあります。 jQuery("#dialog") を使用する代わりに、jQuery("#dialog").dialog() によって返される実際のダイアログ オブジェクトを操作する必要があります。 これを変数に割り当てます (例: dlg:

)

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

さらに、ダイアログの div をフォームに追加するコードでは、次の dlg 変数を使用する必要があります。

<code class="language-javascript">dlg.parent().appendTo(jQuery("form:first"));</code>

これらの変更を行うことで、jQuery UI ダイアログ ボタンが ASP.NET ポストバックを正しくトリガーし、ダイアログ内でサーバー側のコードを実行できるようになります。

以上がjQuery UI ダイアログ内のボタンから ASP.NET サーバー側イベントをトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。