2013-01-19 5 views
1

이 ASP.Net에서 모달 팝업을 구현해야하는 곳에서이 작업을 수행하는 방법을 주저하고 있습니다. 나는 여러 가지 해결책을 염두에두고 있지만, 나는 그것들을 충분히 우아하게 찾지 못한다.Asp.Net Modal Pop-Up

처음에는 ASp.Net ModalPopupExtender를 사용하고 jQuery를 사용하여 모달 팝업을 표시하는 것을 망설였습니다. 나는 jQuery를 선호하지만, 비 호환성을 두려워합니다. 반면에 과거에 Modal Popup Extender를 사용했을 때 코드가 복잡하게 나왔습니다. Microsoft의 기능은 사용자가해야한다고 생각할 때 잘 작동하지만 대부분의 경우 Microsoft의 컨트롤이 기본적으로 작동하지 않는 시나리오가 다릅니다.

둘째, 모달 팝업에서 iFrame을 사용하는 것과 부분 HTML을로드하는 것 사이에 주저합니다. 모달 팝업을 제어하고 iFrame 내의 버튼을 눌러 모달 팝업을 닫는 것과 같은 작업을 수행하는 것이 조금 더 복잡하기 때문에 iFrame을 사용하지 않는 것이 좋습니다 (나는 방법을 알고 있습니다. 그러나 나는 그들을 조금 어색한 것으로 안다.) 그러나 iFrame을 사용하지 않고 아래 예와 같이 모달 팝업에서 일련의 콘텐츠 페이지를 표시하는 방법을 모르겠습니다. 할 수 있습니까?

먼저, 드 모달 팝업을 열 수있는 링크가있는 메인 페이지가 : Main Page 초기 모달 팝업에서 일부 정보가 표시하며 드 팝업을 닫거나 시작할 수 있습니다 일부 처리 : Modal Pop-Up 1 처리 중에 모달 팝업에 Please Wait 메시지가 표시됩니다. Modal Pop-Up 2 처리가 완료되면 결과 요약이 팝업에 표시됩니다. 이 시점에서 링크를 클릭하면 자세한 내용을 보거나 버튼을 클릭하여 모달 팝업을 닫을 수 있습니다. Modal Pop-Up 3 사용자가 링크를 클릭하여 세부 정보를 볼 경우 모달 팝업. 팝업 크기를 조정해야합니다. Modal Pop-Up 4

답변

0

here은 사용 가능한 일부 jquery 팝업 플러그인입니다.

+0

jQuery 모달 팝업을 여는 방법을 알고 있습니다. 내 문제는 모달 팝업 내에서 페이지의 일부만을 업데이트하는 방법에 관한 것입니다. 모달 팝업에 양식이 있고 양식을 제출한다고해서 단순히 모달을 닫지는 않지만 모달을 닫거나 링크를 클릭하여 모달 내에서 자세한 정보를 볼 수있는 옵션과 함께 몇 가지 결과가 표시된다고 가정 해 보겠습니다. 또한 유효성 검사를 양식에서 제대로 작동시키고 싶습니다. –

+0

필요한 모든 양식에 동일한 팝업 CSS를 적용하고 필요에 따라 표시하거나 숨 깁니다. 내 프로젝트 중 하나에서이 작업을 수행했습니다. – Ankit

+0

전체 페이지 업데이트, UpdatePanels를 사용한 부분 페이지 업데이트 또는 iFrames를 사용하여 모달 팝업 콘텐츠를로드 할 위치를 사용 했습니까? –

0

결국 iFrame을 사용하여 끝났지 만 Ankit의 솔루션 역시 효과가있을 것이라고 생각합니다. 하나는 적절한 솔루션을 선택하는 특정 프로젝트에 대한 각 솔루션의 장단점을 비교해야합니다.