Dlaczego warto korzystać z biblioteki jQuery UI widget

Napisz jQuery wtyczki i jQuery.prototype (zazwyczaj wyświetlany jako $.fn ) Dodaj Sposób prosty i trzeba przestrzegać kilku prostych zasad, takich jak powrót do this . Więc dlaczego obecność bibliotek komponentów (Widget fabryczne)?

W tej części będziemy wyjaśniać korzyści z bibliotek komponentów (Widget fabryczne) i dowiedzieć się, kiedy go używać i dlaczego z niego korzystać.

Bezpaństwowcem vs. widget Stateful

Większość wtyczek jQuery jest bezpaństwowcem, wykonują pewne działania, aby zakończyć swoje zadania. Na przykład, jeśli używasz .text( "hello" ) element jest ustawiony na tekst, nie ma fazy instalacji, wyniki są takie same. Dla tego typu plug-in, to po prostu rozszerza prototyp jQuery.

Jednak niektóre wtyczki są stanowe, mają cały cykl życia, aby utrzymać status i reagowania na zmiany. Te wtyczki wymagają dużo specjalistycznego kodu zainicjować i zarządzanie stanem (a czasem niszczyć). Doprowadziło to do powstania wtyczek do tworzenia szablonu stanowej. Co gorsza, każdy widget autorzy w różny sposób zarządzać plug-in cyklu życia i stanu, co doprowadziło do różnych wtyczek mają różne style API. Komponent Library (Widget fabryczne) ma na celu rozwiązanie tych problemów, usuwa szablonu i tworzenie spójnego API dla wtyczek.

spójne API

Komponent Library (Widget fabryczne) określa sposób tworzenia i niszczenia widgety, pobrać i ustawić opcje, należy wywołać metodę, jak również zdarzenia wyzwalające widgetów monitora. Aby utworzyć pełnostanowego wtyczki z wykorzystaniem biblioteki widget Widget (fabryczne), automatycznie spełnia definicję standardów, dzięki czemu nowi użytkownicy łatwiej korzystać z plug-in. Ponadto, funkcja biblioteki Widget (Widżet fabryczne) umożliwia również zdefiniowanie interfejsu. Jeśli jesteś częścią biblioteki API (Widget fabryczne) nie podana znać, sprawdź , jak korzystać z biblioteki, (Widget fabryczne) .

Ustaw opcje w inicjalizacji

Podczas tworzenia plug-in opcji, aby zaakceptować, powinieneś być tak wiele opcji definiowania domyślnych. Następnie w inicjacji, aby zapewnić użytkownikom z możliwością połączenia z domyślnych. Można również wystawiać domyślne, dzięki czemu użytkownicy mogą zmieniać wartości domyślnej. W jQuery plug-in, wspólny tryb jest w następujący sposób:

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

Komponent Library (Widget fabryczne) oferuje tę funkcję i ulepszenia zostały dokonane w nim. Po użyciu biblioteki widget Widget (fabryczne), to zostanie pokazane poniżej.

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