Remplacer jQueryUI boîte de dialogue options par défaut

Je veux être en mesure de créer des boîtes de dialogue modales, avec, par exemple

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

option par défaut, sans besoin de spécifier ces sur la boîte de dialogue création, mais de toute façon remplacer ces paramètres sur un seul endroit.

Est-ce possible?

InformationsquelleAutor umpirsky | 2010-02-18
  1. 60

    Moi aussi, j'ai besoin de remplacer les options par défaut et m'a pris un certain temps à comprendre pour l'INTERFACE utilisateur de jQuery 1.8:

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

    Le code ci-dessus va vous permettre de ne rien laisser tomber sur le dessus de la boîte de dialogue options. La méthode ci-dessus devrait fonctionner pour la plupart des composants de l'INTERFACE utilisateur (il vous permettra également de prototype les fonctions qui existent, ou d'en ajouter).

    • Ce hack ne fonctionne pas avec la dernière version de jquery UI
    • Regarde comme je vais avoir le même problème que @Softion. Ce n'est pas de travail dans jQueryUI 1.8.16.
    • Pas enfin, il fonctionne ok. Vous avez besoin de mettre à jour le cache de votre navigateur.
    • les œuvres de 1.11.4. Le "défaut" alternatives ci-dessous ne fonctionne pas comme $.ui.dialogs.defaults === undefined
    InformationsquelleAutor James W
  2. 2

    Vous devriez créer une abstration que les appels à jQuery boîte de dialogue fonction.

    En gros, au lieu de créer les options littérale everyplace vous souhaitez utiliser le jQuery, de dialogue, de créer une fonction qui crée les options que vous souhaitez, puis l'appel à jQuery boîte de dialogue de la fonction de cela.

    Puis, dans tous les domaines de votre code, appelez la fonction que vous avez écrit que encapsulé le code.

    Ce processus est connu comme l'encapsulation et s'applique à la plupart (si pas tous) de développement de logiciels langues. L'un des principaux avantages est que cela rend votre code plus facile à maintenir.

    • Je veux qu'il soit jQuery style, qqch comme @doug316 souligné.
    InformationsquelleAutor casperOne
  3. 2

    Dialogue et d'autres widgets jQuery UI définir une valeur de hachage avec leurs valeurs par défaut. Vous pouvez remplacer ces après jQuery UI a été chargé.

    De recherche à travers le javascript pour la ligne où les valeurs par défaut sont définies:

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

    Comme un exemple, dans votre javascript, vous pouvez vous tourner autoOpen hors de:

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

    Ou vous pouvez fusionner un hachage d'options:

    $.extend($.ui.dialog.defaults, {
  autoOpen: false,
  title: 'Default title'
})
    • Merci pour la réponse. Cette $.l'interface utilisateur.la boîte de dialogue.les valeurs par défaut.autoOpen = false; échoue. cette $.étendre($.l'interface utilisateur.la boîte de dialogue.par défaut, { autoOpen: false, titre: "titre par Défaut' }) n'a pas fonctionné, même comportement que befoore ajouter 🙁 Merci encore.
    • Fonctionne pour moi. Une chose, vous pourriez avoir besoin pour retarder le réglage de ces valeurs par défaut jusqu'à ce que après jquery ui a terminé: setTimeout(function() { ... définir les valeurs par défaut ici ... }, 1); Juste pour être sûr, dans cet exemple, ce autoOpen faux, il permettra d'éviter le dialogue affichée jusqu'à ce que vous ouvrez manuellement il. Juste un exemple, essayez l'option que vous souhaitez.
    InformationsquelleAutor aceofspades