Обширный учебник / документация по JQuery UI виджет

Question

Просить прощения, если на этот вопрос есть ответы где-то еще (ссылка на это будет очень полезна)

Я не могу найти хороший учебник или документацию по $.widget. Пользовательский интерфейс документа несколько ограничен в этом. То, что я ищу, - это документация о том, как эффективно определять события и вызывать пользовательские виджеты. Как перехватить события из базового виджета. Каковы лучшие практики и рекомендуемые шаблоны проектирования.

К сожалению (и удивительно), единственная документация, которую я нашел по этому вопросу, это http://msdn.microsoft.com/en-us/library/hh404085.aspx.

Я создаю (или пытаюсь создать) пользовательский виджет (ui.dialog в качестве базы), в котором будет размещаться slickgrid и некоторые кнопки для навигации по данным (slickgrid по умолчанию не достаточно хороши, так как источник данных в значительной степени управляется Ajax),

Пока что мой прогресс очень хороший, и я начал восхищаться мощью $.widget. Поскольку я нахожусь на стадии обучения, я был бы признателен за советы экспертов и рекомендации по передовой практике.

заранее спасибо

Answer 1

Вот хорошее введение о том, как построить виджет с помощью jQuery-UI

http://net.tutsplus.com/tutorials/javascript-ajax/coding-your-first-jquery-ui-plugin/

так же как

http://ajpiano.com/widgetfactory

Они также перечисляют свои ссылки, которые напрямую связывают вас с другими учебниками и документацией по этому вопросу.

Основы в том, что вы определите имя виджета

$.widget('ui.widget_name', {
    options: {
        overrideableOption: true,
    },
    _create: function () {
        //fires when you first create the widget, and can be used as a callback for the 'create' event
    },
    _additional_events.....
});

затем вы можете вызвать свой виджет, используя соглашение об именах после ui Пространство имен

$(element).widget_name({overrideableOption: false});

Надеюсь, что вы можете начать.