Warum jQuery UI-Widget-Bibliothek verwenden

Schreiben jQuery - Plug-Ins und jQuery.prototype ( in der Regel angezeigt , wie $.fn ) Add - Methode so einfach und brauchen ein paar einfache Regeln, wie die Rückkehr zu folgen this . Also warum sollte das Vorhandensein von Komponentenbibliotheken (Widget Factory)?

In diesem Abschnitt werden wir die Vorteile der Komponentenbibliotheken (Widget Factory) erklären, und lernen, wenn es zu benutzen, und warum es zu benutzen.

Stateless vs. Stateful-Widget

Die meisten jQuery-Plugins sind staatenlos, sie eine Aktion durchführen, ihre Aufgabe zu erfüllen. Wenn Sie zum Beispiel verwenden .text( "hello" ) Element wird auf den Text, gibt es keine Installationsphase, die Ergebnisse sind die gleichen. Für diese Art von Plug-in erweitert er nur die jQuery-Prototyp.

Allerdings sind einige Plug-Ins Stateful haben sie den gesamten Lebenszyklus, den Status und die Antwort zu ändern, aufrecht zu erhalten. Diese Plug-Ins erfordern eine Menge spezieller Code zu initialisieren und Zustandsverwaltung (und manchmal zerstören). Dies führte zur Entstehung von Plug-Ins für Stateful-Vorlage zu erstellen. Schlimmer noch, jedes Widget Autoren auf unterschiedliche Weise Plug-In-Lebenszyklus und den Staat zu verwalten, die verschiedene API-Stile zu einem anderen Plug-Ins geführt haben. Component Library (Widget Factory) soll diese Probleme zu lösen, entfernt es die Vorlage und erstellen eine einheitliche API für Plug-Ins.

Einheitliche API

Component Library (Widget Factory) legt fest, wie Widgets zu erstellen und zu zerstören, erhalten und Optionen, rufen Sie die Methode, sowie Monitor-Widget Triggerereignisse. So erstellen Sie Stateful-Plugin die Widget-Bibliothek (Widget Factory) verwenden, trifft automatisch die Definition von Standards, so dass neue Benutzer einfacher Plug-in verwendet werden. Darüber hinaus ermöglicht die Widget-Bibliothek (Widget Factory) Funktion auch die Definition der Schnittstelle. Wenn Sie einen Teil der API - Bibliothek (Widget Factory) vorgesehen sind nicht vertraut mit Besuche , wie das Bibliotheksmitglied (Widget Factory) zu verwenden .

Stellen Sie die Optionen in der Initialisierung

Wenn Sie ein Plug-in-Optionen erstellen zu akzeptieren, sollten Sie so viele Optionen, um die Standardwerte zu definieren sein. Dann in der Initialisierung, um den Benutzern die Möglichkeit, mit Ausfällen der Verschmelzung. Sie können auch Standardwerte aussetzen, so dass die Benutzer den Standardwert ändern kann. In jQuery-Plug-in ist ein gemeinsamer Modus wie folgt:

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

Component Library (Widget Factory) bietet diese Funktion auch, und Verbesserungen wurden in es geschafft. die Widget-Bibliothek (Widget Factory) Nach der Verwendung, wird es unten gezeigt werden.

$.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.
    }
 
});