Зачем использовать библиотеку виджетов JQuery UI

Написать JQuery плагинов и jQuery.prototype (обычно отображается как $.fn ) Добавить метод простым и нужно следовать некоторым простым правилам, такие как возвращение к this . Так почему бы наличие библиотек компонентов (Widget Factory)?

В этом разделе мы объясним преимущества библиотек компонентов (Widget Factory), а также узнать, когда использовать его, и почему его использовать.

Stateless против Stateful виджета

Большинство плагинов JQuery являются лицами без гражданства, они выполняют какие-то действия, чтобы завершить свою задачу. Например, если вы используете .text( "hello" ) элемент установлен в тексте, нет фазы установки, результаты одинаковы. Для этого типа плагина, он просто расширяет прототип Jquery.

Тем не менее, некоторые плагины с сохранением состояния, у них есть весь жизненный цикл, для поддержания статуса и реагирования на изменения. Эти плагины требуют много специализированного кода для инициализации и управления состоянием (а иногда и уничтожить). Это привело к появлению плагинов для создания шаблона с учетом состояния. Хуже того, каждый виджет авторы по-разному управлять плагин жизненного цикла и государства, что привело к различным плагинов имеют разные стили API. Библиотеки компонентов (Widget Factory) предназначен для решения этих проблем, он удаляет шаблон и создать последовательный API для плагинов.

Последовательная API

Библиотеки компонентов (Widget Factory) определяет, как создавать и разрушать виджеты, получить и установить параметры, вызовите метод, а также монитор виджета инициирующих событий. Чтобы создать плагин с учетом состояния с использованием библиотеки виджетов (Widget Factory), автоматически удовлетворяет определению стандартов, позволяя новым пользователям более легко использовать плагин. Кроме того, функция библиотека виджетов (Widget Factory) также позволяет определение интерфейса. Если вы являетесь частью библиотеки API (Widget Factory) при условии , не знакомы с, проверить , как использовать библиотеку пользователь (Widget Factory) .

Настройка параметров в инициализации

При создании плагина в настройках, чтобы принять, вы должны быть как многие параметры определяют значения по умолчанию. Тогда в инициализации, чтобы предоставить пользователям возможность слияния со значениями по умолчанию. Кроме того, можно выставить значения по умолчанию, так что пользователи могут изменить значение по умолчанию. В JQuery плагин, общий режим выглядит следующим образом:

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

Библиотеки компонентов (Widget Factory) также предлагает эту функцию, и улучшения были сделаны в нем. После того, как с помощью библиотеки виджетов (Widget Factory), будет показано ниже.

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