【发布时间】：2011-09-06 10:07:03
【问题描述】：
目前我正在将应用程序的客户端从 Active X 移植到 Dojo。这是我第一次与道场合作。我查看了 Dojo 布局文档，但我不确定如何将它们用于我的目的。我的应用程序中的对话框通常看起来像附加的图像
【问题讨论】：
【发布时间】：2011-09-06 10:07:03
【问题描述】：
首先，您不需要使用 dojo 的布局小部件，您可以随时使用 HTML 和 CSS 来创建自己的布局。布局小部件可以帮助您在页面中布局不同的组件，但它也引入了运行时开销。
根据您的图片，您应该使用的唯一布局小部件是dijit.layout.SplitContainer。该对话框似乎由两个垂直部分组成。如果允许用户调整这两个部分的相对大小，请使用dijit.layout.SplitContainer。否则，请使用纯 HTML 和 CSS 来布局小部件。
如果您确实想使用布局小部件来简化布局，您可以使用dijit.layout.BorderContainer 来布局不同的组件。例如，可以将按钮放入BorderContainer的bottom区域，将编辑框放入center区域。
【讨论】：
-
感谢@Alex 的回答。问题是我完全是这个网页设计的新手 :-(。如果你能建议我如何使用 HTML/CSS 进行布局，我将非常感激。再次非常感谢。
-
我建议你从一些 CSS 框架开始，例如 blueprintcss.org 这将使设计更容易。
-
您可能想要使用 dijit.Dialog 来提供标题栏、浮动和模态行为。就像 Alex 所说的那样，让 UI 尽可能简洁是件好事。其余的可能是纯 HTML+CSS，但 BorderContainer 可能很有用，特别是如果您想要移动拆分器。注意，SplitContainer 已被弃用；改用 BorderContainer。 CSS“4 个角”技巧也可用于在不使用布局小部件的情况下调整布局大小和展开。对所有按钮等使用 Dijit 小部件将为您提供一致的主题外观和感觉，如果这就是您所追求的。