Por que usar o jQuery UI biblioteca de widgets

Escrever jQuery plug-ins e jQuery.prototype (geralmente apresentado como $.fn ) Adicionar método mais simples e precisa seguir algumas regras simples, tais como o retorno à this . Então, por que a presença de bibliotecas de componentes (Widget Factory)?

Nesta seção, vamos explicar os benefícios de bibliotecas de componentes (Widget Factory), e aprender quando usá-lo, e por que usá-lo.

Stateless vs. Widget Stateful

A maioria dos plugins jQuery são apátridas, eles executam alguma ação para completar a sua tarefa. Por exemplo, se você usar .text( "hello" ) elemento é definido como o texto, não há fase de instalação, os resultados são os mesmos. Para este tipo de plug-in, apenas estende o protótipo jQuery.

No entanto, alguns plug-ins são stateful, eles têm todo o ciclo de vida, para manter o status ea resposta à mudança. Esses plug-ins exigem um monte de código especializado para inicializar e gerenciamento de estado (e às vezes destruir). Isto levou ao surgimento de plug-ins para a criação de modelo stateful. Pior, cada widget autores de diferentes maneiras para gerenciar plug-in ciclo de vida e do Estado, o que levou a um diferentes plug-ins têm diferentes estilos de API. Biblioteca de Componentes (Widget Factory) destina-se a abordar estas questões, ele remove o modelo e criar uma API consistente para plug-ins.

API consistente

Biblioteca de Componentes (Widget Factory) define como criar e destruir widgets, obter e definir opções, chamar o método, bem como eventos de disparo de widget monitor. Para criar plug-in stateful utilizando a biblioteca de widget (Widget Factory), reúne-se automaticamente a definição de normas, permitindo que novos usuários a usar mais facilmente o seu plug-in. Além disso, a função da biblioteca widget (widget Fábrica) também permite a definição da interface. Se você faz parte da biblioteca API (Widget Factory) não fornecidos familiarizado com, veja como usar o membro da biblioteca (Widget Factory) .

Definir opções na inicialização

Ao criar um plug-in opções para aceitar, você deve ser como muitas opções definem os padrões. Em seguida, na inicialização, para fornecer aos usuários a opção de se fundir com padrões. Você também pode expor padrões, de modo que os usuários podem alterar o valor padrão. Em jQuery plug-in, de um modo comum é a seguinte:

$.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) também oferece esse recurso, e melhorias foram feitas na mesma. Depois de usar a biblioteca widget (Widget Factory), será mostrado abaixo.

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