2016-11-04 117 views
0

我正在嘗試創建一個dojo按鈕,並將其設置在跨行的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的高度

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

的這裏有很多這個話題的討論,因此,舉例來說,你可以閱讀
Make div 100% height of browser window
height:100%; not working
CSS height 100% percent not working

希望它可以幫助

+0

你好卡斯特羅羅伊。這個版本的dojo可以工作嗎?因爲它在v10上看起來不起作用。 (或者這可能是我的錯誤)。它只適用於我清理html/js –

+0

我用dojo'1.10'測試。如果你在構造函數中傳遞它,'new Button({style:「height:100%」})',檢查你的html,它將會在那裏,然後,你只需要按照給出的其他鏈接:100%的作品,有道理?另外,如果你不想使用內聯樣式,你可以使用一個css類 –

+0

你可以在https://jsfiddle.net操場上發佈你的源代碼請進行測試。 –