jquery-ui-dialog - Cómo enganchar en el diálogo cerrar evento

Creo que también puedes hacerlo mientras creas el diálogo (copiado de un proyecto que hice):

dialog = $('#dialog').dialog({
    modal: true,
    autoOpen: false,
    width: 700,
    height: 500,
    minWidth: 700,
    minHeight: 500,
    position: ["center", 200],
    close: CloseFunction,
    overlay: {
        opacity: 0.5,
        background: "black"
    }
});

Nota close: CloseFunction

$("#dialog").dialog({
autoOpen: false,
resizable: false,
width: 400,
height: 140,
modal: true, 
buttons: {
  "SUBMIT": function() { 
    $("form").submit();
  }, 
  "CANCEL": function() { 
    $(this).dialog("close");
  } 
},
**close: function() {
  alert('close');
}**
});

$( "#dialogueForm" ).dialog({
              autoOpen: false,
              height: "auto",
              width: "auto",
              modal: true,
                my: "center",
                at: "center",
                of: window,
              close : function(){
                  // functionality goes here
              }  
              });

La propiedad"close" de dialog da el evento close para el mismo.

También puedes probar esto

$("#dialog").dialog({
            autoOpen: false,
            resizable: true,
            height: 400,
            width: 150,
            position: 'center',
            title: 'Term Sheet',
            beforeClose: function(event, ui) { 
               console.log('Event Fire');
            },
            modal: true,
            buttons: {
                "Submit": function () {
                    $(this).dialog("close");
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });

Esto es lo que funcionó para mí...

$('#dialog').live("dialogclose", function(){
   //code to run on dialog close
});

A partir de jQuery 1.7, el .el método on () es el método preferido para adjuntar controladores de eventos a un documento.

Porque nadie realmente creó una respuesta usando.on() en lugar de bind() decidí crear uno.

$('div#dialog').on('dialogclose', function(event) {
     //custom logic fired after dialog is closed.  
});

Si estoy entendiendo el tipo de ventana del que estás hablando, no $(ventana).unload () (para la ventana de diálogo) ¿te da el gancho que necesitas?

(Y si malinterpreté, y estás hablando de un cuadro de diálogo hecho a través de CSS en lugar de una ventana emergente del navegador, entonces todas las formas de cerrar esa ventana son elementos para los que podrías registrar controladores de clics.)

Editar: Ah, ahora veo que estás hablando de jquery-ui diálogos, que se hacen a través de CSS. Usted puede enganchar el X que cierra la ventana registrando un controlador de clics para el elemento con la clase ui-dialog-titlebar-close.

Más útil, tal vez, es que le diga cómo averiguar eso rápidamente. Mientras se muestra el diálogo, simplemente abra FireBug y Inspeccione los elementos que pueden cerrar la ventana. Verá instantáneamente cómo se definen y eso le da lo que necesita para registrar los controladores de clics.

Así que para responder directamente a su pregunta, Creo que la respuesta es realmente " no " there no hay un evento de cierre que pueda enganchar, pero "sí" can puede enganchar todas las formas de cerrar el cuadro de diálogo con bastante facilidad y obtener lo que desea.

Agregue la opción 'cerrar' como en muestra y haga lo que quiera función en línea

close: function(e){
    //do something
}

Puede intentar el siguiente código para capturar el evento de cierre de cualquier elemento: página, diálogo, etc.

$("#dialog").live('pagehide', function(event, ui) {
      $(this).hide();
});