dojo 1.10.4 dijit / layout / Tabcontainer不呈现第一个contentpane的内容

Question

dojo 1.10.4，sitemesh 2.4.2

我正在尝试在我的项目中使用dojo 1.10.4来使用sitemesh 2.4.2，spring framework 4.1。

当我尝试在我的内容部分中放置一个tabcontainer（由sitemesh定义的标题，内容和页脚样式）。 我从来没有得到我的tabcontainer的第一个contentpane的内容显示，它总是消失。 测试代码为：

<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 as：

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

结果为：

其他标签内容窗格正确显示。

Eidt

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

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

然后，它工作正常。

Answer 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），如果是这样的话，你不需要做额外的解析。