dojo 1.10.4 dijit/layout/Tabcontainer 不呈现第一个内容窗格的内容答案

【问题标题】：dojo 1.10.4 dijit/layout/Tabcontainer not rendering first contentpane's contentdojo 1.10.4 dijit/layout/Tabcontainer 不呈现第一个内容窗格的内容
【发布时间】：2015-08-18 06:15:15
【问题描述】：

道场 1.10.4，站点网格 2.4.2

我正在尝试在我的项目中使用 dojo 1.10.4 来使用 sitemesh 2.4.2、spring 框架 4.1。

当我尝试在我的内容部分（由 sitemesh 定义的页眉、内容和页脚样式）中放置一个 tabcontainer 时。我从来没有让我的 tabcontainer 的第一个内容窗格的内容出现，它总是消失。测试代码为：

<div style="width: 350px; height: 300px">
  <div data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%;">
    <div data-dojo-type="dijit/layout/ContentPane" title="My first tab" data-dojo-props="selected:true">
      Lorem ipsum and all around...
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" title="My second tab">
      Lorem ipsum and all around - second...
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" title="My last tab" data-dojo-props="closable:true">
      Lorem ipsum and all around - last...
    </div>
  </div>
</div>

javascript 为：

<script type="text/javascript">
  require(["dojo/parser", "dojo/aspect", "dijit/layout/TabContainer", "dijit/layout/ContentPane","dojo/domReady!"], function(parser, aspect) {
    parser.parse();
  });
</script>

结果为：

其他选项卡式内容窗格正常显示。

开斋节

这是一个非常有趣的问题，它是由 javascript 引起的；我将javascript更改为：

<script type="text/javascript">
  require(["dojo/parser", "dijit/layout/TabContainer", "dijit/layout/ContentPane"]);
</script>

然后，它工作正常。

【问题讨论】：

标签： javascript dojo tabcontainer contentpane

【解决方案1】：

当您已经解析了 TabContainer 并尝试再次解析它时，会出现此问题。发生的情况是无法创建新的小部件，因为它已经存在，因此您的第一个选项卡将无法正常工作。

如果您打开浏览器控制台（通常是 F12），您甚至会看到错误：

dojo/parser::parse() error Error: Tried to register widget with id==dijit_layout_ContentPane_0 but that id is already registered

要解决此问题，您应该尝试查找其他 parser.parse() 语句，或者您可能已经在加载时解析 DOM（使用 parseOnLoad: true），如果是这种情况，您不需要进行额外的解析。

【讨论】：