dojo - DOJO 中的小部件是如何呈现的

Question

Dojo 中的小部件是如何呈现的？调用各种 JS 的流程或顺序是什么。我试图了解如何为小部件构建内部代码。例如：如果使用了 TabContainer ，我们可以看到如下代码：

<div dojoattachpoint="containerNode"
     class="dijitTabPaneWrapper
     dijitTabContainerTop-container dijitAlignClient"
     aria-labelledby="tabContainer_tablist_dijit_layout_ContentPane_0"
     style="left: 0px; top: 28px; position: absolute; width: 748px; height: 335px;">

那么 Dojo 是如何构建所有这些的呢？

Answer 1

许多小部件使用 html 模板。在模板之上，在小部件生命周期中会触发各种功能。在那里，您可以以编程方式操作 dom。

有关如何完成此操作的信息，请阅读以下链接：

• http://dojotoolkit.org/documentation/tutorials/1.6/templated/
• http://www.sitepen.com/blog/2008/06/24/creating-dojo-widgets-with-inline-templates/
• https://dojotoolkit.org/documentation/tutorials/1.6/understanding_widget/