Page 118 - jQuery для начинающих
P. 118
// внутри виджета следует использовать вызовы _hide() и _show()
this._hide( this.element, this.options.hide, function() {
// это наша функция обратного вызова
console.log('спрятали');
});
Существует ещё пару методов, которые реализованы за нас:
enable: function() {
return this._setOption( "disabled", false );
},
disable: function() {
return this._setOption( "disabled", true );
},
Фактически, данный функции создают синоним для вызова:
$("#my").expose({ "disabled": true }) // или false
Наша задача сводится лишь к отслеживанию данного флага в методе _setOption().
Примеру быть – widget.html, возможно этот виджет и не будет популярен, зато он наглядно
демонстрирует как создавать виджеты для jQuery UI.
Будьте внимательны, с выходом jQuery UI версии 1.9.0 были внесены правки в
Widget API, следовательно, большинство доступной информации устарело, так
что читайте официальную документацию, а ещё лучше – заглядывайте в код
готовых виджетов «от производителя»
Информация по теме разработки виджетов:
— «The jQuery UI Widget Factory. WAT?» – эта документации актуальна
[http://ajpiano.com/widgetfactory/]
— «Understanding jQuery UI widgets: A tutorial»
[http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/]
— «Tips for Developing jQuery UI 1.8 Widgets»
[http://www.erichynds.com/jquery/tips-for-developing-jquery-ui-widgets/]
— «Coding your First jQuery UI Plugin»
[http://net.tutsplus.com/tutorials/javascript-ajax/coding-your-first-jquery-ui-plugin/]
118
www.trk.kg