2016-11-04 3 views
0

Ich versuche, eine Dojo-Schaltfläche zu erstellen und in einer auf zwei Zeilen übergreifenden Tabellenzelle zu setzen, um die gesamte dargebotene Höhe darin zu token, jedenfalls aus irgendeinem Grund funktioniert es nicht.Dojo Knopf Höhe in% einstellen?

require([ "dijit/form/Button" , "dojo/dom", "dojo/parser"], 
    function( Button, dom, parser) 
    { 
    var buttonExecuteQuery = new Button(
    { 
      id  : "btnExecuteQuery", 
      busyLabel : "Изпълнява", 
      label  : "Изпълни",      
      style  : "height:100%", 
      height : "100%" 
    }); 
}) 
  • Wie Setup Dojos Knopf Höhe?

Antwort

0

Der richtige Weg nach Ihrer Syntax ist style: "height:100%"

var buttonExecuteQuery = new Button(
    { 
     id  : "btnExecuteQuery", 
     busyLabel : "Изпълнява", 
     label  : "Изпълни",      
     style  : "height:100%" 
    } 
); 

height: "100%" nichts tut. Nun, der wichtigste Teil, müssen Sie verstehen, dass height: "100%" funktioniert nur, wenn die Höhe des Elternteils bekannt ist, zum Beispiel, wenn Sie möchten, dass die Schaltfläche die volle Höhe eines div einnehmen, dann müssen Sie die Höhe dieses div

<div style="height: 50px"> 
    <button style="height: 100%">My Button</button> 
</div> 

das sind eine Menge Diskussion über dieses Thema hier in SO, zum Beispiel Sie
Make div 100% height of browser window
height:100%; not working
CSS height 100% percent not working

Hoffe, es hilft

lesen
+0

Hallo Castro Roy. Auf welcher Version von Dojo funktioniert das? Weil es nicht funktioniert, scheint es auf v10 zu sein. (oder vielleicht ist es mein Fehler). Es funktioniert nur, wenn ich html/js reinigen –

+0

Ich teste mit Dojo '1.10'. Wenn Sie es im Konstruktor, 'new Button ({style:" height: 100% "}) übergeben, überprüfen Sie Ihr HTML, es wird dort sein, dann müssen Sie nur den anderen Links folgen, die gegeben wurden, um" Höhe "zu machen : 100% 'funktioniert, Sinn machen? Außerdem können Sie eine CSS-Klasse verwenden, wenn Sie nicht möchten, Inline-Stil verwenden –

+0

können Sie in https://jsfiddle.net Spielplatz die Quelle, die Sie testen, bitte posten. –