Question

我正在尝试设置dijit.Dialog的大小，但似乎限制为600x400，无论我设置它的大小。我已经复制了dojocampus中的代码并出现了对话框，但是当我将尺寸设置得更大时，它只显示600x400。使用firebug并在对话框中选择项目，我发现它们比对话框大，但是没有正确显示。我将其设置为滚动，但滚动条的底部不在视野范围内。在firebug中，我从_Widget检查了maxSize并将其设置为无穷大。这是我设置对话框的代码。

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

有关调整对话框大小的任何建议吗？

Answer 1

我刚刚使用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>

Dijit.Dialog 1.4，设置大小限制为600x400，无论我设置它的大小

1 个答案: