1

これが他のどこかでいくらか答えられているかどうか許しを求める（それへのリンクは非常に役立ちます）

$.widgetで適切なチュートリアルやドキュメントを見つけることができません。UIドキュメントはこれにいくらか制限されています。私が探しているのは、イベントを効率的に定義し、カスタムウィジェットを呼び出す方法に関するドキュメントです。ベースウィジェットからのイベントをインターセプトする方法。ベストプラクティスと推奨されるデザインパターンは何ですか。

悲しいことに（そして驚くべきことに）これで私が見つけた唯一のドキュメントはhttp://msdn.microsoft.com/en-us/library/hh404085.aspxです。

私は、slickgridとデータをナビゲートするためのいくつかのボタンをホストするカスタムウィジェット（ベースとしてui.dialog）を構築しています（または構築しようとしています）（データソースは非常にajax駆動であるため、slickgridのデフォルトのものは十分ではありません） 。

これまでのところ、私の進歩は非常に良く、$。widgetの力に感心し始めました。私はここで学習曲線を描いているので、ベストプラクティスに関する専門家のアドバイスとガイドラインをいただければ幸いです。

前もって感謝します

4

1 に答える 1

6

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});

それがあなたを始めることができることを願っています。

于 2013-04-09T18:55:24.950 に答える