0

我是 dojo/dijit 的新手，来自 Backbone/Marionette 背景。

现在我正在使用 dijit 的布局系统，但我对让其移动所需的示例中的非语义 html 的数量感到有点震惊。例如，手风琴（来自http://dojotoolkit.org/reference-guide/1.9/dijit/layout/ContentPane.html）：

 <div data-dojo-type="dijit/layout/AccordionContainer" style="width: 200px; height: 95%; margin: 0 auto;">
    <div data-dojo-type="dijit/layout/AccordionPane" title="pane #1">accordion pane #1</div>
    <div data-dojo-type="dijit/layout/AccordionPane" title="pane #2">accordion pane #2</div>
    <div data-dojo-type="dijit/layout/AccordionPane" title="pane #3">accordion pane #3</div>
</div>

有没有办法做到这一点而不必将所有这些都添加到 HTML 中？具体来说，我试图在 dijit 布局中找到“区域”的等价物，因此我可以包含一个布局模板并轻松地将视图放入和取出。

4

1 回答 1

0

您可以像在此手风琴容器示例中那样以编程方式创建内容窗格。（AccordionPane 已弃用，只需使用 ContentPane 代替）

var accordion = new AccordionContainer({
    style: "width: 200px; height: 100%;"
}).placeAt(document.body);

var content = new ContentPane({
        title: "content1",
        style:"height:100px"
    });
accordion.addChild(content);
accordion.startup();

如果您需要使用区域，bordercontainer 的设计属性会为您提供，如本例所示。您可以将手风琴容器放在其中一个内容窗格中...

于 2014-01-29T02:37:51.830 回答