我有一个嵌入的 BorderContainer，当标记在主页中时它可以正常工作。当我在带有模板的小部件内移动边框容器标记时，出现问题并且边框容器将其所有子项放在左上角彼此重叠。
这是一个显示问题的简约 sn-p： http://embed.plnkr.co/cngYmG6BMKcUxwKQy2Du/
当我使用 dojo 版本 1.12.1 在本地运行时也会发生同样的事情
你能告诉我我错过了什么吗？
【问题讨论】：
标签： dojo dijit.layout
你可以让它工作，但你必须自己将调整大小的请求转发到 BorderContainer。
要记住的一条规则是，如果 Dojo 布局小部件只有一个子小部件，它们将调用调整大小。如果有多个小部件，它不知道要给每个小部件多少空间，它会举起双手，由你来决定大小。
在您的模板中为 BorderContainer 指定一个附加点名称，其中包含 data-dojo-attachpoint="bc"。然后重载resize方法，转发resize请求。
isLayoutContainer: true,
resize: function(changeSize, resultSize) {
this.inherited(arguments);
this.bc.resize(changeSize, resultSize);
}
这假设 BorderContainer 是唯一值得调整大小的东西，即占用您的小部件的所有空间。
由于您现在对您的孩子调用 resize，您的行为就像一个布局小部件，因此您还应该定义 isLayoutContainer，如图所示。调整大小 API 没有很好的文档记录，isLayoutContainer 甚至更少。如果没有它，您可能会在窗口大小更改时注意到无关的调整大小调用。
如果您稍后在边框容器上方或下方创建内容，则需要相应地调整 changeSize.w 和 changeSize.h。这在像myWidget.resize() 这样没有提供changeSize 和resultSize 的呼叫中变得更加困难，您必须使用当前大小或以其他方式计算出来。 dojo/dom-geometry 在这种情况下很有帮助。
【讨论】：
如dijit._WidgetsInTemplateMixin的文档中所述...
dijit._WidgetsInTemplateMixin mixin 不支持将布局小部件添加为子小部件。尤其是对孩子的 startup() 和 resize() 调用存在问题。
【讨论】：
正如 lewis 提到的，这不支持 Layout 小部件作为 children ， 我向您建议的是，通过在主脚本中实例化小部件来使用编程方法，如下所示：
require(["dojo/_base/array",
'dojo/_base/declare',
"dojo/parser",
"dojo/on",
"myapp/MyWidget",
"dijit/layout/ContentPane",
"dijit/layout/BorderContainer",
'dojo/domReady!'],
function(array, declare, parser, on, MyWidget) {
console.log("b4 parse ....")
parser.parse().then(function() {
console.log("after parse ....");
//create your widget here
new MyWidget({}).placeAt("borderContainer3");
});
}
);
您可以在这里找到自定义的Plunker。
【讨论】：