Pourquoi utiliser jQuery UI bibliothèque de widgets

Ecrire jQuery plug-ins et jQuery.prototype (généralement affiché comme $.fn ) Ajouter Méthode aussi simple et besoin de suivre quelques règles simples, telles que le retour à this . Alors, pourquoi la présence de bibliothèques de composants (Widget Factory)?

Dans cette section, nous allons expliquer les avantages des bibliothèques de composants (Widget Factory), et d'apprendre quand l'utiliser, et pourquoi l'utiliser.

Stateless vs. widget de Stateful

La plupart des plugins jQuery sont apatrides, ils effectuent des mesures pour remplir leur tâche. Par exemple, si vous utilisez .text( "hello" ) élément est réglé sur le texte, il n'y a pas de phase d'installation, les résultats sont les mêmes. Pour ce type de plug-in, il étend simplement le prototype jQuery.

Cependant, certains plug-ins sont stateful, ils ont le cycle de vie, afin de maintenir le statut et réponse au changement. Ces plug-ins nécessitent beaucoup de code spécialisé pour initialiser et à la gestion de l'État (et parfois détruire). Cela a conduit à l'émergence de plug-ins pour la création de modèle stateful. Pire encore, chacun des auteurs widgets de différentes façons de gérer plug-in cycle de vie et l'état, ce qui a conduit à un autre plug-ins ont des styles différents de l'API. Bibliothèque de composants (Widget Factory) est destiné à répondre à ces questions, il supprime le modèle et créer une API cohérente pour les plug-ins.

API cohérente

Bibliothèque de composants (Widget Factory) définit la façon de créer et détruire des widgets, obtenir et définir des options, appelez la méthode, ainsi que des événements de déclenchement du widget du moniteur. Pour créer le plugin stateful en utilisant la bibliothèque de widgets (Widget Factory), répond automatiquement à la définition des normes, permettant aux nouveaux utilisateurs d'utiliser plus facilement votre plug-in. En outre, la fonction bibliothèque de widgets (Widget Factory) permet également à la définition de l'interface. Si vous faites partie de la bibliothèque de l' API (Widget Factory) a fourni pas familier avec, consultez comment utiliser le membre de la bibliothèque (Widget Factory) .

Définissez les options dans l'initialisation

Lorsque vous créez un plug-in options pour accepter, vous devriez être autant d'options définissent les valeurs par défaut. Ensuite, lors de l'initialisation, pour fournir aux utilisateurs la possibilité de fusionner avec les valeurs par défaut. Vous pouvez également exposer les valeurs par défaut, de sorte que les utilisateurs peuvent changer la valeur par défaut. Dans jQuery plug-in, un mode commun est la suivante:

$.fn.plugin = function( options ) {
    options = $.extend( {}, $.fn.plugin.defaults, options );
    // Plugin logic goes here.
};
 
$.fn.plugin.defaults = {
    param1: "foo",
    param2: "bar",
    param3: "baz"
};

Bibliothèque de composants (Widget Factory) propose également cette fonctionnalité, et des améliorations ont été apportées en elle. Après avoir utilisé la bibliothèque de widgets (Widget Factory), il sera montré ci-dessous.

$.widget( "ns.plugin", {
 
    // Default options.
    options: {
        param1: "foo",
        param2: "bar",
        param3: "baz"
    },
 
    _create: function() {
        // Options are already merged and stored in this.options
        // Plugin logic goes here.
    }
 
});