jquery ui - example - Anular las opciones predeterminadas del diálogo jQueryUI

jquery popup window

Question

Quiero poder crear diálogos modales, con, por ejemplo

close: function() {
    $(this).remove();
}

opción predeterminada, sin necesidad de especificar aquellos en la creación del diálogo, pero de alguna manera anula esos parámetros en un solo lugar.

es posible?

Answer 1

Debería crear una abstracción que llame a la función de diálogo jQuery.

Básicamente, en lugar de crear las opciones literales donde quiera usar el diálogo jQuery, cree una función que cree las opciones que desee y luego llame a la función de diálogo jQuery desde allí.

Luego, en todas las áreas de su código, llame a la función que escribió que encapsuló el código.

Este proceso se conoce como encapsulation y se aplica a la mayoría (si no a todos) los lenguajes de desarrollo de software. Uno de los principales beneficios es que hace que su código sea más fácil de mantener.

Answer 2

Diálogo y otros widgets en jQuery UI definen un hash con sus valores predeterminados. Puede anular estos después de que se haya cargado la interfaz de usuario jQuery.

Busque a través de javascript la línea donde se establecen los valores predeterminados:

$.extend($.ui.dialog, {
version: "1.7.2",
defaults: {
    ...

Como ejemplo, en su javascript, puede desactivar autoOpen con:

$.ui.dialog.defaults.autoOpen = false;

O puede combinar un hash de opciones:

$.extend($.ui.dialog.defaults, {
  autoOpen: false,
  title: ''Default title''
})

Answer 3

Yo también necesité anular las opciones predeterminadas y me tomó un tiempo encontrar la jQuery UI 1.8:

$.extend($.ui.dialog.prototype.options, {
    modal: true,
    resizable: false,
    draggable: false
});

El código anterior le permitirá colocar cualquier cosa encima de las opciones de diálogo. El método anterior debería funcionar para la mayoría de los componentes de UI (también le permitirá prototipar sobre las funciones que existen, o agregar).