dijit对话框调整复杂性

Question

我的对话框定义如下

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

我刚在10个列的对话框中调用了网格。

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”方法，然后调整大小。如果我们以编程方式在对话框中添加元素，请调用布局以避免显示对话框问题。

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