2010-04-07 36 views
0

我試圖設置dijit.Dialog的大小,但似乎限制爲600x400,無論我設置了多大尺寸。我已經複製了dojocampus的代碼,並出現對話框,但是當我將尺寸設置得更大時,它只顯示600x400。使用螢火蟲和選擇對話框內的項目,我發現它們比對話框大,但沒有正確顯示。我將它設置爲滾動,但滾動條的底部不在視圖中。在firebug中,我從_Widget中檢查了maxSize,並將其設置爲無窮大。這是我設置對話框的代碼。Dijit.Dialog 1.4,無論我設置什麼尺寸,設置大小都限制爲600x400

<div id="sized" dojoType="dijit.Dialog" title="My scrolling dialog"> 
     <div style="width: 580px; height: 600px; overflow: scroll;"> 

任何關於調整對話框大小的建議嗎?

回答

2

我剛剛使用dojo 1.4從頭開始編寫了一個快速示例,並且能夠設置任意大的DBX大小而沒有任何問題。

沒有看到你的代碼,可能很難找到你的問題來自哪裏,但它似乎不是dojo工具包的固有限制。也許你有一些你沒有預料到的方式繼承的CSS規則?

也許你可以使用我的下面的例子來比較你的用例,並找出你的實現有什麼不同。

<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>test</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <script src="http://www.google.com/jsapi" type="text/javascript"></script> 
     <script type="text/javascript"> 
      djConfig = { 
        parseOnLoad: true 
       }; 
      google.load("dojo", "1.4"); 
      google.setOnLoadCallback(function(){ 
        dojo.require("dijit.Dialog"); 
        dojo.require("dijit.form.Button"); 
       }); 
     </script> 
     <style type="text/css"> 
       @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/resources/dojo.css"; 
       @import "http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css"; 
     </style> 
    </head> 
    <body class="tundra"> 
     <button dojoType="dijit.form.Button" type="button">Show big Dialog 
      <script type="dojo/method" event="onClick" args="evt"> 
       dijit.byId("bigdbx").show(); 
      </script> 
     </button> 
     <div id="bigdbx" dojoType="dijit.Dialog" title="Big Dialog" width="900px"> 
      <p style="width: 1100px; height: 800px;">Paragraph with really wide fixed size...</p> 
     </div> 
    </body> 
</html>