Überschreiben Sie die Standardoptionen für den jQueryUI-Dialog

Ich möchte in der Lage sein zu erstellen, modale Dialoge, zum Beispiel mit

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

Standard-option, ohne angeben müssen diejenigen, die auf dialog, Schöpfung, aber irgendwie überschreiben die Parameter auf einer Stelle.

Ist das möglich?

InformationsquelleAutor der Frage umpirsky | 2010-02-18

  1. 59

    Ich, auch notwendig, um Standardwert außer Kraft setzen Optionen und brauchte eine Weile, um herauszufinden, jQuery-UI-1.8:

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

    Dem obigen code wird Ihnen erlauben, alles zu löschen auf der Oberseite des Dialogfeld Optionen. Mit der oben beschriebenen Methode sollten für die meisten UI-Komponenten (es wird auch lassen Sie Prototypen über die Funktionen, die vorhanden sind, oder hinzufügen).

    InformationsquelleAutor der Antwort James W

  2. 2

    Erstellen Sie eine abstration, ruft die jQuery-dialog-Funktion dann.

    Grundsätzlich, erstellen, anstatt die Optionen wörtliche everyplace, die Sie wollen, verwenden Sie die jQuery-dialog, erstellen Sie eine Funktion, die erstellt die Optionen, die Sie möchten, und rufen Sie dann die jQuery-dialog-Funktion aus.

    Dann, in allen Bereichen des Codes, die die Funktion aufrufen Sie schrieb, dass der code gekapselt.

    Dieser Prozess ist bekannt als Kapselung und gilt für die meisten (wenn nicht alle) software-Entwicklung Sprachen. Einer der wichtigsten Vorteile ist, dass es macht Ihren code leichter zu pflegen.

    InformationsquelleAutor der Antwort casperOne

  3. 2

    Dialog und andere widgets jQuery UI definiert einen hash mit Ihren default-Werten. Sie knnen diese nach jQuery UI geladen wurde.

    Suche durch die javascript für die Zeile, wo Sie die Standardwerte gesetzt sind:

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

    Als Beispiel, Sie in Ihrem javascript-Sie können schalten Sie autoOpen aus mit:

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

    Oder führen Sie einen hash mit Optionen:

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

    InformationsquelleAutor der Antwort aceofspades

Schreibe einen Kommentar