Question

如果在其他任何地方得到一定程度的回答，请求原谅（链接到那将是非常有帮助的）

我无法在$ .widget上找到好的教程或文档。 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});

希望能让你开始。

关于jQuery UI小部件的广泛教程/文档

1 个答案: