2009-02-26 12 views
5

Ho bisogno di una finestra modale che indichi all'utente di aspettare fino a quando non ho finito di lavorare sul server. Sembra che sia lo BlockUI sia lo jqModal possano farlo.jQuery BlockUI vs. jqModal

Hai qualche esperienza con qualcuno di loro? Pro e contro? Sto usando ASP.NET MVC.

risposta

7

Ho eseguito prove di finestre di dialogo modali di concetti sia con jqModal che con BlockUI, e posso dire senza ombra di dubbio che BlockUI è il più "sottile" di loro. Permette un accesso di blocco molto più semplice a tutto ciò che jQuery può selezionare e basta passarlo a un parametro "message" del DIV modale. Imposta automaticamente display: block e lo imposta sopra l'overlay modale.

Oltre alle finestre di dialogo modali standard, lo uso per impostare una finestra di dialogo "please wait" sulle mie interfacce ajax se la chiamata $ .ajax richiede più di 250 ms.

+0

Per le mie esigenze BlockUI sembra essere la soluzione migliore . – Riri

0

Ho usato jqModal un bel po 'e mi piace molto. È molto facile da implementare e flessibile, tuttavia il suo scopo principale è la finestra di dialogo modale.

Non ho usato BlockUI, anche se sembra fornire alcune funzionalità diverse. Anziché limitarsi a visualizzare il contenuto nelle finestre modali, può impedire all'utente di accedere all'intera interfaccia utente oa parti di esso.

Un'altra opzione è la jQuery UI Dialog che è più generica e può essere utilizzata per costruire. Lo uso in un'applicazione e sebbene non abbia le funzionalità predefinite di jqModal, penso che sarebbe molto utile se volessi creare un plug-in personalizzato che fosse integrato con esso.

0

Sto usando BlockUI e lo adoro, ma la parola al saggio, è noto per essere MOLTO lento su Firefox in linux. Punta le CPU al 100%

+0

Sembra un problema di trasparenza – ThiefMaster

0

Io uso & come entrambi.

Per semplici modali statici, la risposta di @Peter J è corretta - BlockUI è fantastico e molto leggero. Puoi passare un div nascosto come messaggio e lo mostrerà come una finestra di dialogo modale, che può essere resa interattiva tramite bind jQuery, ecc. Non fornisce un metodo per recuperare il messaggio tramite ajax senza codificarlo a mano (che è contrario alla semplice perfezione di BlockUI- per visualizzare un messaggio di blocco mentre aspetti che un'operazione ajax sia completata).

Per le modali dinamiche, jqModal è ottimo in quanto può recuperare contenuto modale tramite chiamate ajax. Può anche gestire l'elemento di attivazione per te (pulsante, collegamento, ecc.), Controllando lo show/hide stesso, anche se fornisce anche le capacità per poterlo personalizzare in qualsiasi modo desideri.

Per diventare più complesso, utilizzo persino entrambi contemporaneamente per visualizzare una finestra di dialogo fornita da ajax tramite jqModal, quindi bloccarla tramite BlockUI al momento dell'invio per visualizzare un messaggio personalizzato. (Un elemento da notare: il valore predefinito di zq per jqModal è inferiore al valore predefinito per BlockUI quindi utilizzarli insieme richiede l'opzione BlockUI basez superiore a 3000 default di jqModal)