0

我正在尝试以编程方式在中心区域内容窗格内添加具有中心区域和右侧区域的边框容器，但中心区域和右侧区域重叠 - 内容窗格似乎不被识别为区域。这是代码：

添加边框容器和内容窗格的 javascript 模块：

     define(["dojo/dom-construct", "dijit/registry", "dijit/layout/BorderContainer",       "dijit/layout/ContentPane", "dojo/domReady!"],
   function (domConstruct, registry, BorderContainer, ContentPane
     ) {
    return {
        Test: function () {

           ...

            //border container
            var mainContainer = new BorderContainer({
                id: 'mainContainer',
                design: 'headline',
                style: "height: 500px; width: 800px;"
            });
            //center content pane -- > gets overwritten by the right content pane
            var cp1 = new ContentPane({
                id: 'centerContainer',
                region: "center",
                content: "I'm in the center"
            });
            //right content pane
            var cp2 = new ContentPane({
                id: 'rContainer',
                region: "right",
                content: " I'm on the right",
                style: "width: 100px"
            });
            mainContainer.addChild(cp1);
            mainContainer.addChild(cp2);
            mainContainer.placeAt('Content');
            mainContainer.startup();
        }
    }
});

这是将边框容器和其他内容窗格添加到的中心内容窗格：

 <div data-dojo-type="dijit/layout/BorderContainer" id="Main" style="width: 100%; height: 100%">
 <div data-dojo-type="dojox/layout/ContentPane" id="TOC" data-dojo-props="splitter: true, region:'leading'">
 </div>
 <div data-dojo-type="dojox/layout/ContentPane" id="Content" data-dojo-props="splitter: true, region:'center'">
 </div>
4

2 回答 2

0

从第一个代码块来看，您的问题似乎是您在将 BorderContainer 附加到文档之前调用了 startup() 。

但是，我不理解您的示例代码（第一个代码片段和第二个代码片段之间的关系），您是尝试以声明方式（在标记中）还是以编程方式执行此操作？

于 2014-08-25T19:45:39.067 回答
0

我刚刚补充说：

  mainContainer.resize();

紧接着：

  mainContainer.startup();

现在可以正确显示

于 2014-08-25T19:40:00.097 回答