dojo widget layout

Currently I am porting client side of my application from Active X to Dojo. This is first time Iam working with dojo. I have looked at Dojo layout 开发者_JAVA技巧documentation but I am not sure how can I use them for my purposes. The dialogs in my application are typically look like the attached image

---

First, you don't need to use dojo's layout widget, you can always use HTML and CSS to create you own layout. The layout widget can help you to layout different components in you page, but it also introduces runtime overhead.

From your picture, the only layout widget you should use is dijit.layout.SplitContainer. It seems that the dialog is consisted of two vertical parts. If the user is allowed to adjust the relative size of these two parts, use dijit.layout.SplitContainer. Otherwise, use plain HTML and CSS to layout the widget.

If you do want to use layout widget to simplify the layout, you can use dijit.layout.BorderContainer to layout different components. For example, you can put the buttons into the bottom region of the BorderContainer and put the edit box in the center region.