Dijit.Dialog中的Dojo / Dijit BorderContainer

时间:2012-03-21 11:52:09

标签: layout dojo

我正在尝试以编程方式创建这样的布局:enter image description here

我正在使用dojo 1.7,布局初始化可能存在问题。 这是我的attempt

感谢您的帮助

1 个答案:

答案 0 :(得分:9)

BorderContainer设置Dialog的大小(不是对话框本身):jsFiddle

var layout = new BorderContainer({
    design: "headline",
    style: "width: 400px; height: 400px;"
});

或者,在您的情况下,您可以完全避免使用dijit.layout。将对话框的内容放在<div class="dijitDialogPaneContentArea"></div>和按钮内<div class="dijitDialogPaneActionBar"></div>,您将获得:

enter image description here

来源:http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Dialog.html