2009-02-26 17 views
5

Necesito una ventana modal que le indique al usuario que espere hasta que haya terminado algún trabajo en el servidor. Parece que tanto BlockUI como jqModal pueden hacer esto.jQuery BlockUI contra jqModal

¿Alguna vez ha tenido alguna experiencia con alguna de ellas? ¿Pros y contras? Estoy usando ASP.NET MVC.

Respuesta

7

Hice cuadros de diálogo de prueba de concepto con jqModal y BlockUI, y puedo decir sin lugar a dudas que BlockUI es el "más delgado" de ellos. Permite un acceso de bloqueo mucho más simple a todo lo que jQuery puede seleccionar, y simplemente le pasa un parámetro de "mensaje" del DIV modal. Automáticamente configurará display: block y lo colocará encima de la superposición modal.

Además de los cuadros de diálogo modales estándar, los utilizo para establecer un diálogo "espere por favor" en mis interfaces ajax si la llamada $ .ajax demora más de 250 ms.

+0

Para mis necesidades BlockUI parece ser la mejor opción . – Riri

0

He usado jqModal un poco y me gusta mucho. Es muy fácil de implementar y flexible, sin embargo, su objetivo principal es el diálogo modal.

No he usado BlockUI, aunque parece proporcionar algunas funcionalidades diferentes. En lugar de solo mostrar contenido en ventanas modales, puede evitar que el usuario acceda a toda la interfaz de usuario o partes de ella.

Otra opción es la jQuery UI Dialog que es más genérica y se puede usar para construir. Lo uso en una aplicación, y aunque no tiene la funcionalidad lista para usar de jqModal, creo que sería muy útil si quisiera construir un complemento personalizado que se integre con él.

0

Estoy usando BlockUI y me encanta, pero, por decirlo suavemente, se sabe que MUY lento en Firefox en Linux. Picos de CPU al 100%

+0

Suena como un problema de transparencia – ThiefMaster

0

Yo uso & como los dos.

Para los modales estáticos simples, la respuesta de @Peter J es correcta: BlockUI es fantástico y muy liviano. Puede pasar un div oculto como el mensaje y lo mostrará como un diálogo modal, que puede hacerse interactivo a través de jQuery binds, etc. No proporciona un método para recuperar el mensaje a través de ajax sin codificarlo a mano (que es contrario a la perfección simple de BlockUI: mostrar un mensaje de bloque mientras esperas que se complete una operación Ajax).

Para modales dinámicos, jqModal es excelente ya que puede recuperar el contenido modal a través de llamadas ajax. También puede manejar el elemento desencadenante (botón, enlace, etc.), controlar el espectáculo/esconderse, aunque también proporciona habilidades para que lo personalices de la forma que desees.

Para ser más complejo, incluso uso ambos simultáneamente para mostrar un cuadro de diálogo provisto de ajax a través de jqModal, luego lo bloqueo mediante BlockUI cuando lo envíe para mostrar un mensaje personalizado. (Un elemento a tener en cuenta: tenga en cuenta que el índice z predeterminado para jqModal está por debajo del predeterminado para BlockUI, por lo que usarlos juntos requiere que establezca la opción BlockUI basez más alta que jqModal por defecto 3000.)

Cuestiones relacionadas