Diálogo jQuery UI - detener evento cerrado

Question

¿Hay alguna manera de detener un evento cercano para un cuadro de diálogo de jQuery UI?

Tengo un diálogo modal con un formulario. Cuando el usuario cierra el cuadro de diálogo, me gustaría preguntar "¿Seguir sin guardar los cambios?" [Si no]. El botón [Sí] continúa y cierra el diálogo como se esperaba. El botón [No] detendrá el evento de cierre y mantendrá el diálogo abierto.

¿Esto es posible?

Answer 1

Sí, puede usar la opción beforeClose. Desde docs:

Este evento se desencadena cuando un cuadro de diálogo intenta cerrarse. Si el controlador de eventos beforeClose (función de devolución de llamada) devuelve falso, se impedirá el cierre.

Ejemplos de código

de Suministro una función de devolución de llamada controlen el evento BeforeClose como una opción de inicio.

$(".selector").dialog({ 
    beforeClose: function(event, ui) { ... } 
}); 

Answer 2

Justin respuesta funciona bien para mostrar el modal. Si desea cancelar el cierre, su función debe devolver falsa, al igual que:

$(".selector").dialog({ 
    beforeClose: function(event, ui) 
    { return check_if_unsaved_changes(..); } 
}); 

check_if_unsaved_changes deben devolver verdadero si el diálogo debe cerrar y falso si no debería cerrarse.