Javascript 嵌套的BorderContainer ContentPane小部件中未检测到区域属性

我正在使用Dojo1.9创建一个基本的待办事项列表应用程序。我有一个简单的模型，我希望一个单独的任务看起来像什么，这可以在这里看到。我已经尝试在我的待办事项列表中，在addTask函数中实现了这一点

基本上，我有以下布局：

BorderContainer
    BorderContainer (top)
        Button (right)
    ContentPane (center)
        BorderContainer (task0)
            ContentPane (left)
                CheckBox
            ContentPane (center)
                InlineEditBox
            ContentPane (right)
                Button
        BorderContainer (task1)
            ...
        ...

---

任务（task0，task1，…）的BorderContainer小部件没有正确格式化其子ContentPane小部件——Firebug中的检查表明没有设置dijitAlign*属性。为什么会这样？我将在完成时调用startup，对DOM的检查清楚地表明所有子对象都被适当地嵌套。

在启动任务容器后，您没有在任务容器上调用

resize

。因为它被放置在另一个

BorderContainer

中，所以需要显式地调整它的大小，以便正确地适应自身。您还可以在

BorderContainer

和

html

和

body

元素上设置显式大小，但这并不总是理想的。在放入另一个

BorderContainer

之后，显式调整大小仍然是一个好主意。请参见调整大小

LayoutContainer

调整任务容器大小时，它看起来会起作用。在启动调用的正下方添加

taskContainer.resize（）

，似乎会使任务行看起来与单个任务JSFIDLE中的相同。我还将注意到，调整第二小提琴窗口（实际任务列表）的大小会导致单个任务行占用任务列表中的所有空间。添加第二个任务列表可以正确调整大小；成功了。如果你把你的评论翻译成一个答案，并解释为什么这样做，我很乐意接受。