设置内容后 dojo.dialog.change 大小答案

【问题标题】：dojo.dialog.change size after content has been set设置内容后 dojo.dialog.change 大小
【发布时间】：2016-11-03 06:42:41
【问题描述】：

require(["dojo","dojo/dom-attr"], function(dojo, domAttr){
    var dlg =dijit.byId("my_dialog");       
    domAttr.set(dlg, "content", "this is a text");


    //dlg.set("dimensions", [400, 200]);
    //dojo.style("my_dialog", "width", "300px");                    
    //dlg.resize({h: 500, w: 500});
});

我有一个 dijit.dialog。我动态设置了它的文本，但是对话框的大小太大了。我已经尝试了上面评论的三件事无济于事。

【问题讨论】：

标签： dojo

【解决方案1】：

只需将属性 style 设置为您的 dijit/dialog 的正确尺寸。

在以下示例中，我们将尺寸宽度设置为 500px，为对话框 dom 元素设置内联 CSS。

活生生的例子：

https://jsfiddle.net/358rjoch/

require(["dijit/Dialog", "dojo/domReady!"], function(Dialog){
    myDialog = new Dialog({
        title: "My Dialog",
        content: "Test content.",
        style: "width: 500px"
    });
});

<button onclick="myDialog.show();">show</button>

您也可以只使用 CSS（无内联），例如，您可以为对话框小部件提供一个 ID，并为其样式使用 CSS 选择器。

活生生的例子：

https://jsfiddle.net/o15mbodm/

require(["dijit/Dialog", "dojo/domReady!"], function(Dialog){
    myDialog = new Dialog({
        id:"myDialog", // your id here
        title: "My Dialog",
        content: "Test content."
    });
});

#myDialog{
  width: 500px;
  height:400px;
}

您可以在以下链接中找到dijit/dialog 小部件的方法和属性的详细列表：

http://dojotoolkit.org/api/?qs=1.10/dijit/Dialog

【讨论】：