在jQuery UI的廣泛的教程/文檔窗口小部件

Question

請求原諒，如果這是有些在其他地方回答（該鏈接會非常有用）

我無法找到$一個很好的教程或文檔。小部件。 UI文檔在這方面有所限制。我正在尋找的是關於如何高效定義事件和調用自定義小部件的文檔。如何攔截來自基本小部件的事件。什麼是最佳實踐，並推薦設計模式。

令人傷心的（令人驚訝的是）我發現的唯一文檔是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}); 

希望，可以讓你開始後的命名約定打電話給你的小部件。