5
서버에 대한 작업이 끝날 때까지 기다리라는 모달 창이 필요합니다. BlockUI과 jqModal과 같은 모양이 가능합니다.jQuery BlockUI 대 jqModal
그 중 어떤 것을 사용해 본 경험이 있습니까? 장점과 단점? ASP.NET MVC를 사용하고 있습니다.
A
답변
7
jqModal과 BlockUI 둘 다 사용하여 개념 증명 대화 상자를 만들었습니다. 의심 할 바없이 BlockUI가 "가장 얇은"것입니다. jQuery가 선택할 수있는 모든 것에 대한 액세스를 훨씬 간단하게 차단할 수 있으며 모달 DIV의 "message"매개 변수 만 전달하면됩니다. 자동으로 display : block을 설정하고 모달 오버레이 위에 설정합니다.
표준 모달 대화 상자 외에도 $ .ajax 호출에 250 밀리 초가 걸리면 내 ajax 인터페이스에서 "기다려주십시오"대화 상자를 설정하는 데 사용합니다.
0
저는 jqModal을 꽤 많이 사용하여 정말 좋아합니다. 매우 구현하기 쉽고 유연하지만, 주된 목적은 모달 대화 상자입니다.
일부 다른 기능을 제공하지만 BlockUI를 사용하지 않았습니다. 모달 창에 내용을 표시하는 것보다는 사용자가 전체 UI 나 그 일부에 액세스하지 못하게 할 수 있습니다.
또 다른 옵션은 jQuery UI Dialog이며 더 일반적이며이를 기반으로 구축 할 수 있습니다. 한 응용 프로그램에서 이것을 사용하고 jqModal의 기본 기능을 가지고 있지는 않지만 통합 된 사용자 정의 플러그 - 인을 작성하려는 경우 매우 유용 할 것입니다.
0
나는 BlockUI를 사용하고 있으며, 그것을 좋아하지만, 현명한 사람에게 말하기를, 그것은 Firefox에서 매우 느린 것으로 알려져있다. CPU가 100 %로 최고점에 도달합니다.
+0
투명성 문제와 같은 소리가납니다. – ThiefMaster
0
저는 모두 &을 사용합니다.
정적 정적 모달의 경우 @Peter J의 대답이 정확합니다. BlockUI는 훌륭하고 매우 가볍습니다. 숨겨진 div를 메시지로 전달할 수 있으며이를 모달 대화 상자로 표시합니다.이 대화 상자는 jQuery 바인드 등을 통해 대화식으로 처리 할 수 있습니다. 직접 작성하지 않고 아약스를 통해 메시지를 검색하는 방법은 제공하지 않습니다. BlockUI의 단순 완벽에 대한 카운터 - 아약스 조작이 완료되기를 기다리는 동안 블록 메시지를 표시).
동적 모달의 경우 jaxModal은 ajax 호출을 통해 모달 콘텐츠를 검색 할 수 있으므로 훌륭합니다. 그것은 또한 당신을 위해 트리거링 요소 (버튼, 링크 등)를 처리 할 수 있으며, 표시/숨기기 자체를 제어 할 수 있습니다. 원하는대로 원하는대로 사용자 정의 할 수있는 기능도 제공합니다.
더 복잡해지기 - jqModal을 통해 ajax가 제공 한 대화 상자를 표시하기 위해 두 가지 방법을 동시에 사용하고, 제출시 BlockUI를 통해 차단하여 사용자 지정 메시지를 표시합니다. 주목할 항목 : 주목할 점은 jqModal의 기본 z- 인덱스가 BlockUI의 기본값보다 낮으므로 함께 사용하면 BlockUI basez 옵션을 jqModal의 기본 3000보다 높게 설정해야한다는 것입니다.
내 필요에 따라 BlockUI가 가장 적합하게 보입니다. . – Riri