2011-09-06 150 views
0

目前我正在将我的应用程序的客户端从Active X移植到Dojo。这是Iam第一次与dojo合作。我已经看过Dojo版面设计文档,但我不确定如何将它们用于我的目的。在我的应用程序的对话框通常看起来像添附图像dojo小部件布局

Dojo Dialog

回答

1

首先,你不需要使用Dojo的布局小部件,您可以随时使用HTML和CSS来创建你自己的布局。布局小部件可以帮助您在页面中布局不同的组件,但也会引入运行时开销。

从您的图片中,您应该使用的唯一布局小部件是dijit.layout.SplitContainer。看起来对话框由两个垂直部分组成。如果允许用户调整这两个部分的相对大小,请使用dijit.layout.SplitContainer。否则,使用纯HTML和CSS来布局小部件。

如果您确实想使用布局小部件来简化布局,则可以使用dijit.layout.BorderContainer来布局不同的组件。例如,您可以将按钮放入BorderContainerbottom区域,并将编辑框放入center区域。

+0

谢谢@Alex的回答。问题是我对这个网页设计的东西完全是新手:-(。如果你能就如何使用HTML/CSS进行布局给我建议,我将非常感激,再次感谢很多 – Gaurav

+0

我建议你从一些CSS框架开始,例如http://www.blueprintcss.org/这会让设计变得更容易 –

+0

感谢您的帮助:-) – Gaurav