ASP.NET MVC 및 AJAX와 함께 모달 팝업을 사용하는 방법은 무엇입니까?
-
19-09-2019 - |
문제
누구든지 ASP.NET MVC 및 AJAX와 함께 jQuery Modal Popup을 사용하는 방법의 방향으로 나를 지적 할 수 있습니까?
누구 든지이 작업을 잘 수행 한 사람이 있습니까?
JQModal 및 JQuery UI를 시도했지만 아직 좋은 샘플이나 튜토리얼을 찾지 못했습니다.
해결책
Davy는 다음과 같이 썼다. "그 다음 행을 클릭하고, 편집 가능한 컨트롤로 팝업하고, 검증 및 저장 한 다음 목록 페이지로 다시 리디렉션 할 수 있습니까?
안녕 Davy,
또한 MVC 양식에서 jQuery UI 대화 상자를 구현했습니다. 어려운 부분은 대화 상자가 아니라 Ajax가 호출됩니다. 데이터 측면에서 jQuery 대화 상자 (권장)는 양식의 다른 DIV 태그에 지나지 않습니다.
대화 상자 옵션을 선언 할 때 이름과 실행 된 기능으로 버튼을 지정할 수 있습니다. 모달 대화 상자에서 다음과 같은 것을 추가하십시오.
buttons: { "Add row": function() { yourAjaxFunction(); }
function 당신 youajaxfunction ()에서 다음과 같은 것으로 값을 얻을 수 있습니다.
var myFields = $("#MyDialog").serialize();
또는
var myFieldsArray = $("#MyDialog").serializeArray();
필드의 이름과 값을 얻으려면 필드를 검증 한 다음 컨트롤러에 "MyFields"를 다음과 같이 게시하십시오.
$.ajax(<your options here>);
또는 A :
$.post(<your options here>)
MVC 컨트롤러는 쿼리 스트링에 지정된 값을 일치하는 메소드 매개 변수로 행복하게 변환하고 저장 한 다음 응답 (부분보기 또는 JSON 또는 텍스트)을 반환합니다.
그만큼 Ajax 참조 jQuery에서는 이에 매우 도움이됩니다.
다른 팁
ASP.NET MVC와 함께 jqueryui 대화 상자 모달을 사용했으며 매우 잘 작동합니다. 이 모달은 제 생각에 구현하기가 매우 쉽습니다. 이 대화 상자 모달을 여기를 살펴보십시오. jqueryui 대화 상자