如何解析 Dojo 自定义小部件

Question

我在编写自己的小部件时遇到了一些麻烦。我创建了一个继承自 _WidgetBase、_TemplatedMixin 和 _WidgetsInTemplateMixin 的小部件（因为我也在尝试构建一个 UI，其中小部件将包含其他小部件）。我正在使用 dojo/text 从模板加载小部件的标记。这是一个sn-p：

define([
"dojo/_base/declare",
"dijit/_WidgetBase",
"dijit/_TemplatedMixin",
"dijit/_WidgetsInTemplateMixin",
"dojo/text!./templates/LayerManagerWidget.html"
], function (declare, _WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin, template) {
    return declare("myApp.ui.platforms.desktop.widgets.LayerManagerWidget", [_WidgetBase, _TemplatedMixin, _WidgetsInTemplateMixin], {

        // summary:
        //     This widget provides the layer manager user interface component

        // templateString: string
        //     Inherited from _TemplatedMixin, used to specify an HTML file to provide the markup
        templateString: template

    });

});

它在某种程度上起作用，我认为问题在于解析。因为小部件并不是从一开始就都需要，所以我认为它们没有被解析。 dojo 小部件教程中的一些示例包括小部件中的 dojo/ready 和 dojo/parser 并对其进行解析，但我无法弄清楚如何执行此操作：这些相同的示例之前没有“返回”我不太明白的声明语句，然后你如何用 var myWidget = new MyWidget(); 之类的东西实例化小部件?

所以我想问题的主要部分是，在上面的例子中，我应该在哪里调用 parser.parse() （或者一般来说，我如何确保这个小部件被解析）？

谢谢！

Answer 1

在小部件代码本身中，您不应放置 parser.parse() 之类的东西或类似的东西。为了确保一个小部件被解析，你必须将它导入你的主 JavaScript 文件（一个带有 require() 块的文件）并自动或手动解析它。

例如，如果小部件位于一个名为 MyWidget.js 的文件中，您可以在主 JavaScript 文件中放置类似的内容（例如 app.js ):

require([ "custom/MyWidget", "dojo/parser" ]);

如果您已将 Dojo 配置为自动解析，这将正常工作。如果您想手动解析，可以使用：

require([ "dojo/parser", "custom/MyWidget", "dojo/domReady!" ], function(parser) {
    parser.parse(); // Parses the entire DOM
});

如果您想以编程方式创建小部件的实例，则根本不需要解析，只需使用：

require([ "custom/MyWidget", "dojo/domReady!" ], function(MyWidget) {
    var myWidget = new MyWidget({ }, "myDomNodeId");
});

例如：http://plnkr.co/edit/K3Zln6Q00g6v2DQeWcIM?p=preview

Answer 2

你读了吗

http://dojotoolkit.org/reference-guide/1.9/quickstart/writingWidgets.html

->

ready(function(){
    // Call the parser manually so it runs after our widget is defined, and page has finished loading
    parser.parse();
});

由于您编写了自定义 dijit 小部件，因此您可以在此处了解其生命周期中的其他功能：

http://dojotoolkit.org/documentation/tutorials/1.8/understanding_widgetbase/

-> "postCreate", "startup"