dijit对话框调整大小的复杂性

Question

我有如下定义的对话框

<div data-dojo-type="dijit/Dialog" id="DetailDialog" class="dijitDialog" ...

我刚刚在10列对话框中调用了grid。

var dlg = dijit.byId("DetailDialog");

dlg.set("content", this.Details);
dlg.show();

this._grid.refresh(); 
dlg.resize();

domStyle.set(dojo.byId('fDetailDialog'), {
    left: "162px"
});

问题是，对话框加载了内容中心，但只有在滚动页面后才会发生正确的对齐，列的大小和宽度都是适当的。

我可以知道对话框对齐和调整大小的最佳解决方案吗，特别是当我们使用基于div的方法创建对话框时。

Answer 1

尝试调用"layout“方法，然后调整大小。如果我们以编程方式在对话框中添加元素，则调用layout以避免对话框出现显示问题。

var dialog = dijit.byId("dialogID");
...
dialog.layout();
dialog.resize();