현재 JqueryUI에서 제공하는 대화 상자는 상대 비교 사용의 편의성을 지원합니다. 샘플 코드는 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. </p> <p> $(함수 () {</p> <p> $("#dlg").dialog({</p> <p> autoOpen: 거짓,</p> <p> 폐쇄: 사실,</p> <p> 너비: 450,</p> <p> 모달: true,</p> <p> 추가: "양식",</p> <p> 버튼: {</p> <p> "확인": 함수 () {</p> <p> $("양식").submit();</p> <p> },</p> <p> "취소": 함수 () {</p> <p> $(this).dialog("닫기");</p> <p> }</p> <p> },</p> <p> 닫기: 기능() {</p> <p> }</p> <p> });</p> <p> $("#<%=Showdlg.ClientID%>").button().click(function() { $("#dlg").dialog("open"); return false }); </p> <p> }</p> <p> ) </p> <p> 주목할 만한 점은 addTo: "form" 옵션입니다. 기본적으로 JqueryUI Dialog는 다음을 나타내는 대화 상자에서 양식을 제출할 때 서버가 대화 상자의 서버 컨트롤과 관련된 값을 얻을 수 없도록 본문에 추가합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
