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。我动态设置文本,但对话框的大小太大了。我已经尝试过上面评论的三件事无济于事。
答案 0 :(得分:0)
只需为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
小部件的详细方法和属性列表: