form - Diálogo modal jQuery con devoluciones en ASP.NET

jquery ui cdn

Question

Acabo de actualizar mi jQuery / jQuery UI a la última versión (jQuery 1.9.0, jQuery UI 1.10.0), y parece haber roto algunas de las funciones de mi jQuery UI dialog.

Para hacer devoluciones de datos en un diálogo de interfaz de usuario de jQuery en ASP.NET, había una solución muy común donde tendrías que volver a agregar tu DIV al FORMULARIO principal, ya que jQuery reconstruiría el DIV fuera del FORMULARIO, como :

$("#newInsurance").dialog({
    autoOpen: false,
    modal: true,
    open: function (type, data) {
        $(this).parent().appendTo($("form:first"));
    }
});

Desafortunadamente, desde actualizar esto ahora coloca el cuadro de diálogo detrás de la superposición gris / desactivada para el fondo. Por lo tanto, el formulario en la ventana emergente no se puede usar y todo está atenuado. Intenté varias cosas y parece que no puedo hacer que funcione, parece como si este viejo trabajo ya no funcionara. ¿Alguien sabe de un nuevo trabajo que funcionará? ¿O me estoy perdiendo algo? Esto funcionó muy bien hasta que actualicé.

Aquí hay algo más de información sobre la solución alternativa que UTILIZARON para trabajar:

• Pregunta de desbordamiento de pila jQuery UI Dialog (Modal), evita cualquier devolución de datos

• Stack Overflow question $ ("# dialog"). Parent (). AppendTo ($ ("form: first"));

• Pregunta de desbordamiento de pila jQuery problemas de postback de diálogo de formulario modal

Probé esto con Internet Explorer 9 y Google Chrome 24.x

De acuerdo con el sitio web jQuery UI , Dialog API ha sido completamente rediseñado en jQuery UI 1.10.0:

Answer 1

De acuerdo, esta parece ser la solución para jQuery UI v1.10:

$("#newInsurance").dialog({
    autoOpen: false,
    appendTo: "form",
    modal: true
}).parent().css(''z-index'', ''1005'');

En jQuery UI v1.10 agregaron una propiedad appendTo , que parece hacer lo mismo que llamar a .parent().appendTo($("form")) . El truco para la corrección es el índice z.