jQueryUI創建封裝的最佳實踐

Question

對不起，標題不好。情況是我正在開發一個GUI框架 - 它已經在android上，現在很多常見的元素都被移植到了web上。爲此，我期待創建相同的功能。作爲一個例子，我們在android中有3種類型的按鈕，一個普通按鈕，一個驗證按鈕（只是一個帶默認圖標和文本的按鈕）和一個取消按鈕。這些都是可讀性不同的類型。我想在jQueryUI的反映這個問題，以及這樣：

$("button").button(); // normal button 
$("verify_button").verifybutton(); 
$("cancel_button").cancelbutton(); 

顯然，這只是一個普通按鈕（）;與一些設置參數，但是，我不能找到最容易做到這一點的信息。我是否需要爲此創建自己的小部件？任何提示都歡迎。

Answer 1

一個簡單的方法來實現這個確實是派生你自己的小部件。 widget factory文檔解釋了系統的工作原理。

比如，你可以寫：

$.widget("dennis.verifybutton", $.ui.button, { 
    _create: function() { 
     this._super(); 
     // Customize widget creation... 
    }, 
    _destroy: function() { 
     // Customize widget cleanup... 
     this._super(); 
    } 
}); 

最終的結果將是一個派生按鈕小部件，你可以通過$("selector").verifybutton()實例。