¿Por qué utilizar librería de widgets jQuery UI

Escribir jQuery plug-ins y al jQuery.prototype (por lo general se muestra como $.fn ) Añadir método tan simple y tiene que seguir unas reglas simples, tales como el retorno a this . Así que ¿por qué la presencia de las bibliotecas de componentes (Widget Factory)?

En esta sección, vamos a explicar los beneficios de las bibliotecas de componentes (Widget de fábrica), y aprender cuándo usarlo, y por qué usarlo.

Sin Estado vs. widget de stateful

La mayoría de los plugins jQuery son sin estado, que realizan alguna acción para completar su tarea. Por ejemplo, si se utiliza .text( "hello" ) elemento se establece en el texto, no hay fase de instalación, los resultados son los mismos. Para este tipo de plug-in, sólo se extiende el prototipo de jQuery.

Sin embargo, algunos plug-ins son con estado, que tienen todo el ciclo de vida, para mantener el estado y la respuesta al cambio. Estos plug-ins requieren una gran cantidad de código especializado para inicializar y administración del estado (y, a veces destruir). Esto dio lugar a la aparición de los plug-ins para la creación de la plantilla con estado. Lo que es peor, cada uno de widgets autores de diferentes maneras para manejar plug-in de ciclo de vida y el estado, lo que llevó a un diferentes plug-ins tienen diferentes estilos de API. Biblioteca de componentes (Widget Factory) tiene la intención de abordar estas cuestiones, se elimina la plantilla y crear una API consistente para los plug-ins.

API consistente

Biblioteca de componentes (Widget Factory) define cómo se crean y destruyen los widgets, obtener y establecer opciones, llame al método, así como eventos de disparo de widget monitor. Para crear plug-in de estado usando la biblioteca del widget (Widget Factory), automáticamente cumplen con la definición de estándares, permitiendo a los nuevos usuarios a utilizar más fácilmente el plug-in. Además, la función de la biblioteca del widget (Widget Factory) también permite la definición de la interfaz. Si usted es parte de la biblioteca de API (Widget Factory) no siempre familiarizado con, echa un vistazo a cómo utilizar el miembro de la biblioteca (Widget Factory) .

Configure las opciones en la inicialización

Cuando se crea un plug-in de opciones para aceptar, debe haber tantas opciones definen los valores por defecto. Luego, en la inicialización, para proporcionar a los usuarios la opción de fusión con incumplimientos. También puede exponer a los valores predeterminados, de manera que los usuarios pueden cambiar el valor por defecto. En jQuery plug-in, un modo común es el siguiente:

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

Biblioteca de componentes (Widget Factory) también ofrece esta función, y se han realizado mejoras en el mismo. Después de usar la librería de widgets (widgets de fábrica), que se muestra a continuación.

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