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 중국어 웹사이트의 기타 관련 기사를 참조하세요!