1

如果在其他任何地方都对此有所回答，请请求宽恕（指向该链接的链接将非常有帮助）

我无法在 $.widget 上找到好的教程或文档。UI 文档对此有所限制。我正在寻找的是有关如何有效定义事件和调用自定义小部件的文档。如何拦截来自基本小部件的事件。什么是最佳实践，以及推荐的设计模式。

可悲（并且令人惊讶）我发现的唯一文档是http://msdn.microsoft.com/en-us/library/hh404085.aspx。

我正在构建（或尝试构建）一个自定义小部件（以 ui.dialog 为基础），它将在其中托管一个 slickgrid 和一些用于导航数据的按钮（slickgrid 默认按钮不够好，因为数据源是大量 ajax 驱动的） .

到目前为止，我的进步非常好，我开始佩服 $.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 回答