ASP.NET MVC 및 JQuery 대화식 다시 게시

Question

일부 제품을 렌더링하는 MVC의 간단한 목록보기가 있습니다. 는 즉시 한 제품이 선택되어 나는이 방법으로 JQuery와 모달 팝업을 엽니 다

는

function showDetails(id) { 
    hostId = id; 
    $("#detailDialog").load('/Product/Details/' + hostId); 
    $("#detailDialog").dialog("open"); 
} 

모달 팝업 올바르게 세부 부분보기를로드합니다. 보기에서 submit을 누르면 뷰는 뷰의 내용 만있는 완전히 흰색 인 새로운 페이지의 결과 (ActionResult)를 반환합니다. 어떻게 모든 것을 팝업 안에 유지할 수 있습니까? 폼에 잘못된 문자가있는 경우 팝업에서 유효성 검사 오류가있는 뷰를 다시 표시하려고하므로이 작업을 수행해야합니다.

Answer 1

더 많은 코드를 게시해야합니다. 지금처럼 대화 상자를 열어두면됩니다. 대화 버튼이 보이지 않습니다. 아약스로드에서로드 된 버튼 만 입력하면 되겠습니까?

Google이 해당 코드를 보게되면 제출이라고 말하면 도움이 될 수도 있습니다. 제출 요청을하는 버튼이 있다는 뜻입니까? 그렇다면 전체 게시물을 되돌릴 수 있습니다.

마지막에 "return false"를 넣거나 제출 버튼을 일반 버튼으로 변경하고 $ .post();로 연결하여 제출 요청을 취소해야합니다.

이것은 제출 호출을 차단하는 간단한 예입니다.

http://jsbin.com/avebu/2

당신이 그것을 다시 전체 페이지를로드 거짓 반환을 제거하면

.