¿Cómo hacer que el diálogo de jQuery sea modal?

Question

Estoy usando el cuadro de diálogo jQuery en asp.net. Está funcionando bien para mí. El problema es cuando abro el cuadro de diálogo, todavía puedo trabajar en la funcionalidad de la página principal. No quiero eso. Solo diálogo modal y no debe permitir enfocarse en la página principal.

window.onload = function onloadFunction() { 

     //setup edit person dialog 
    $('#uploadPic').dialog({ 
      autoOpen: false, 
      draggable: true, 
      title: "Upload Picture", 
      open: function(type, data) { 
       $(this).parent().appendTo("form"); 
      } 
     }); 
    } 

¿Hay alguna manera de hacerlo modal? O si se pierde el foco en el cuadro de diálogo, cerrarlo automáticamente?

Por favor, ayúdenme.

Answer 1

Uso

$('#uploadPic').dialog({ 
     autoOpen: false, 
     modal: true, 
     draggable: true, 
     title: "Upload Picture", 
     open: function(type, data) { 
      $(this).parent().appendTo("form"); 
     } 
    }); 
} 

acabo de haber añadido la opción modal para su muestra.

Answer 2

leer la documentación de jQuery UI de diálogo en: http://docs.jquery.com/UI/Dialog

Existe una opción llamada modal, es aquí algunas muestras de doc:

inicializar un diálogo con la opción modal especificados.

$(".selector").dialog({ modal: true }); 

obtener o establecer la opción modal, después de init.

//getter 
var modal = $(".selector").dialog("option", "modal"); 
//setter 
$(".selector").dialog("option", "modal", true);