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
   113   114   115   116   117   118   119   120   121   122   123