Javascript Dojo StackContainer无法正确显示小部件

我正在使用Dojo

StackContainer

让它正确显示几个小部件。 这是我的HTML（如Dojo文档所述）

但是，该页面如下所示：

---

知道我做错了什么吗？此示例类似于Dojo StackContainer文档页面上提供的内容

您没有添加dijit/layout/StackController，它生成在内容窗格之间切换的按钮：

你要做的是：

导入

dijit/layout/StackController

为StackController创建一个div:

实例化控制器

您可以看到下面的示例片段：

需要([
“dijit/layout/StackContainer”，
“dijit/layout/ContentPane”，
“dijit/layout/StackController”，
“dojo/domReady！”
]，函数（StackContainer、ContentPane、StackController）{
var sc=新的StackContainer({
样式：“高度：150px；宽度：400px；”，
id:“myProgStackContainer”
}，“集装箱程序”）；
var cp1=新内容窗格({
标题：“p1”，
内容：“第1页内容”
});
sc.addChild（cp1）；
var cp2=新内容窗格({
标题：“p2”，
内容：“第2页内容2内容”
});
sc.addChild（cp2）；
var cp3=新内容窗格({
标题：“p3”，
内容：“第3页内容3内容3”
});
sc.addChild（cp3）；
var controller=newstackcontroller（{containerId:“myProgStackContainer”}，“stackControllerDiv”）；
sc.启动（）；
controller.startup（）；
});
您没有添加生成在内容窗格之间切换的按钮的dijit/layout/StackController

：

你要做的是：

导入

dijit/layout/StackController

为StackController创建一个div:

实例化控制器

您可以看到下面的示例片段：

需要([
“dijit/layout/StackContainer”，
“dijit/layout/ContentPane”，
“dijit/layout/StackController”，
“dojo/domReady！”
]，函数（StackContainer、ContentPane、StackController）{
var sc=新的StackContainer({
样式：“高度：150px；宽度：400px；”，
id:“myProgStackContainer”
}，“集装箱程序”）；
var cp1=新内容窗格({
标题：“p1”，
内容：“第1页内容”
});
sc.addChild（cp1）；
var cp2=新内容窗格({
标题：“p2”，
内容：“第2页内容2内容”
});
sc.addChild（cp2）；
var cp3=新内容窗格({
标题：“p3”，
内容：“第3页内容3内容3”
});
sc.addChild（cp3）；
var controller=newstackcontroller（{containerId:“myProgStackContainer”}，“stackControllerDiv”）；
sc.启动（）；
controller.startup（）；
});

n如果这对您有帮助，请将答案标记为已解决✓ （留下答案）（如图=>）谢谢您如果这对您有帮助，请将答案标记为已解决✓ （留下答案）（如图=>）谢谢
<div id="scontainer-prog"></div>

require([
    "dijit/layout/StackContainer",
    "dijit/layout/ContentPane",        
    "dojo/domReady!"
], function(StackContainer, ContentPane){
    var sc = new StackContainer({
        style: "height: 300px; width: 400px;",
        id: "myProgStackContainer"
    }, "scontainer-prog");

    var cp1 = new ContentPane({
        title: "page 1",
        content: "page 1 content"
    });
    sc.addChild(cp1);

    var cp2 = new ContentPane({
        title: "page 2",
        content: "page 2 content"
    });
    sc.addChild(cp2);

    sc.startup();
});