Il miglior tutorial Perché usare jQuery UI Library widget di Nel 2024, in questo tutorial puoi imparare Stateless vs. widget di Stateful,API coerenti,Impostare le opzioni di inizializzazione,
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.
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.
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) .
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. } });