dojo.dialog.changeコンテンツが設定された後のサイズ

Question

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を持っています。動的にテキストを設定しますが、ダイアログのサイズが大きすぎます。私は上にコメントした3つのものを無駄にしようとしました。

Answer 1

ちょうどあなたのdijit/dialogの正しい次元でプロパティstyleを設定してください。

次の例では、ダイアログのDOM要素のインラインCSSを500pxに設定しています。

ライブ例：

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> 

---

たとえば、あなたのダイアログウィジェットにIDを与えることができる別の方法としては、唯一のCSS（なしのインライン）を使用することができますそのスタイルには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

を