Perché usare jQuery UI Library widget di

Scrivi jQuery plug-in e di jQuery.prototype (di solito visualizzato come $.fn ) Aggiungi metodo più semplice e la necessità di seguire alcune semplici regole, come ad esempio il ritorno this . Allora, perché sarebbe la presenza di librerie di componenti (Widget Factory)?

In questa sezione, vi spiegheremo i vantaggi di librerie di componenti (Widget di fabbrica), e imparare quando usarlo e perché usarlo.

Stateless vs. widget di Stateful

La maggior parte dei plugin jQuery sono apolidi, che svolgono una qualche azione per completare il loro compito. Ad esempio, se si utilizza .text( "hello" ) elemento è impostato il testo, non vi è alcuna fase di installazione, i risultati sono gli stessi. Per questo tipo di plug-in, solo estende il prototipo jQuery.

Tuttavia, alcuni plug-in sono stateful, hanno l'intero ciclo di vita, per mantenere lo status e la risposta al cambiamento. Questi plug-in richiedono un sacco di codice specializzato per inizializzare e gestione dello stato (e talvolta distruggere). Ciò ha portato alla nascita di plug-in per la creazione di template stateful. Peggio ancora, ogni autori dei widget in modi diversi per gestire i plug-in di ciclo di vita e lo stato, che ha portato a un diverso plug-in hanno diversi stili di API. Component Library (Widget Factory) ha lo scopo di affrontare questi problemi, si rimuove il modello e creare una API coerente per i plug-in.

API coerenti

Component Library (Widget Factory) definisce come creare e distruggere i widget, ottenere e impostare le opzioni, chiamare il metodo, così come gli eventi di trigger di widget monitor. Per creare plug-in stateful utilizzando la libreria widget di (Widget Factory), corrispondono a tale definizione di standard, che permette ai nuovi utenti di utilizzare più facilmente il plug-in. Inoltre, la funzione widget library (Widget fabbrica) consente inoltre la definizione dell'interfaccia. Se si è parte della libreria API (Widget Factory) non ha fornito familiarità con, controlla come utilizzare il componente della libreria (Widget Factory) .

Impostare le opzioni di inizializzazione

Quando si crea un plug-in opzioni di accettare, si dovrebbe essere il maggior numero di opzioni definiscono le impostazioni predefinite. Poi, nel l'inizializzazione, per fornire agli utenti la possibilità di fusione con le impostazioni predefinite. È inoltre possibile esporre predefiniti, in modo che gli utenti possono modificare il valore predefinito. In jQuery plug-in, un modo comune è il seguente:

$.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) offre anche questa caratteristica, e miglioramenti sono stati fatti in esso. Dopo aver utilizzato la libreria widget di (Widget Factory), che sarà illustrato di seguito.

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