dojo.dialog.change Größe nach dem Inhalt wurde

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}); 
}); 

Ich habe eine Dijit.dialog. Ich setze den Text dynamisch, aber die Größe des Dialogs ist viel zu groß. Ich habe die oben genannten drei Dinge vergeblich versucht.

Answer 1

Setzen Sie einfach die Eigenschaft style mit der richtigen Dimension für Ihre dijit/dialog.

Im folgenden Beispiel setzen wir die Dimensionsbreite auf 500px, um Inline-CSS für das dom-Dialogfeld des Dialogfelds festzulegen.

anschauliches Beispiel:

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> 

---

Alternativ können Sie nur CSS (keine Inline), zum Beispiel eine ID zu Ihrem Dialog-Widget geben kann und verwenden Sie einen CSS-Selektor für seinen Stil.

anschauliches Beispiel:

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; 
} 

Sie können eine detaillierte Liste der Methoden und Eigenschaften für dijit/dialog Widgets unter folgendem Link finden:

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