포함 된 양식이 포함 된 Jquery UI 대화 상자

Question

ASP.Net MVC3 응용 프로그램에 "사용자 설정"페이지가 있습니다. 이 페이지에는 멋진 자바 스크립트와 CSS가 포함되어 있습니다. 이 페이지에서는 사용자가 자신의 웹 사이트 설정을 변경하고 자체적으로 게시물을 통해이를 수행 할 수 있습니다.

이제이 페이지를 Jquery UI 대화 상자에 표시해야합니다. 나는 성공적으로 다음과 같은 자바 스크립트 코드를 사용하여이 작업을 수행 할 수 있었다

$(document).ready(function() { 
     $('#settings-link').click(function() { 
      var tag = $("<div></div>"); 
      $.ajax({ 
       url: "MyWebsite/MySettings", 
       success: function (data) { 
        tag.html(data).dialog({ modal: true }).dialog('open'); 
       } 
      }); 
     }); 
    }); 

사용자가 해당 설정을 변경하게하고 "제출"버튼을 클릭하면

을 다음과 같이 오전 데 문제가되면, jquery 대화 상자가 사라지고 배경 페이지에 다시 게시 페이지가 표시됩니다. 이상적으로, 사용자가 jquery 대화 상자 자체에 변경 사항과 다시 게시를 표시 할 수있게하고 싶습니다. 내가 어떻게 이것을 달성 할 수 있는지에 대한 아이디어가 있습니까?

Answer 1

AJAX를 사용하여 대화 상자 게시물 데이터 내부에 양식을 작성해야합니까? 눈에 거슬리는 AJAX를 사용합니까? 또한 jQuery UI 대화 상자에서 iframe을 생성하는지 확인하십시오. 개발자 도구 (F12)를 사용하십시오.

편집 :

1. 는 AJAX 형태로 양식 선언 : 사용 @의 Ajax.BeginForm을()와 JQuery와에 링크를 추가

   당신이 방법으로 다음과 같은 사용할 수 있습니다 대화 상자 내부 후 결과를 표시합니다. 아직 완료되지 않은 경우 ajax-unobtrusive.js를 페이지에 추가하십시오. 대화 상자가 DIV에 ID를 부여 표시 자바 스크립트 내부

2. 는 "폼 래퍼 - 사업부"에

   는
이

이제 POST 결과가 표시 될 것이다 AJAX 옵션에서 var tag = $("<div id='form-wrapper-div'></div>");

이 UpdateTargetId을 설정 래퍼 사업부를 포함 내부 대화 상자.