如何实现垂直布局答案

【问题标题】：How to implement Vertical layout如何实现垂直布局
【发布时间】：2011-11-06 03:55:18
【问题描述】：

有没有办法使用 Dojo/Dijit 实现垂直布局？我不喜欢 BorderLayout 因为拆分器。

【问题讨论】：

BorderContainer 提供了关闭拆分器和“排水沟”的选项，但您仍然只能使用三个堆叠的元素。就像missingno所说的那样，简单地堆叠元素最好留给HTML，这就是Dijit不提供hbox/vbox类型小部件的原因。

【解决方案1】：

除非您确实需要 BorderLayout 的某些特定功能（您没有提及），否则可能只使用普通的旧 HTML+CSS 和 DOM 操作：

var d = dojo.create('div', {}, parentNode);
d.appendChild(aWidget.domNode);
d.appendChild(dojo.create('div', {innerHTML: 'a plain HTML node'}));
d.appendChild(anotherWidget.domNode);
//...

编辑：我刚刚遇到了一个我实际上想要一个 VerticalLayout 的案例，因为在 addChild 和 removeChild 函数上运行了一些代码。我设法通过混合一些现有的类来实现它：

var VerticalLayout = dojo.declare([dijit._Widget, dijit._Container], {});

【讨论】：

太棒了！这比将 HTML 属性与 dojo.create(...) 或更糟的代码组合在一起要好得多。