2016-11-04 7 views
0

私はdojo Buttonを作成しようとしていて、2行の表のセル全体に表示された高さをトーキングしています。何らかの理由でそれが機能しません。Dojoのボタンの高さを%で設定しますか?

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%" 
    }); 
}) 
  • どのようにセットアップDojoのボタンの高さに?

答えて

0

あなたの構文以下の正しい方法はstyle: "height:100%"

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

height: "100%"は何もしないです。今、最も重要な部分は、height: "100%"は、親の高さが分かっている場合にのみ機能することを理解する必要があります。たとえば、ボタンがdivの高さ全体を占めるようにするには、

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

インクルードは、このトピックの議論の多くは、たとえば、あなたがheight:100%; not working
CSS height 100% percent not working


Make div 100% height of browser window
はそれが

をホープ読み取ることができ、SOにここにいます
+0

こんにちはCastro Roy。これはどのdojoのバージョンで動作しますか?それはv10のように見えます。 (または多分それは私の間違いです)。私がきれいなhtml/jsを行う場合にのみ動作します –

+0

私はdojo '1.10'でテストしています。あなたがコンストラクタで 'new Button({style:" height:100% "}}')を渡した場合、あなたのhtmlをチェックしてください。それがあれば、他のリンクをたどって 'height :100% 'うまくいく、意味がある?また、インラインスタイルを使用したくない場合は、CSSクラスを使用することができます –

+0

https://jsfiddle.netの遊び場にあなたがテストしているソースを投稿できますか? –

関連する問題