Dijit.Dialog 1.4, размер настройки ограничен 600x400 независимо от того, какой размер я установил - PullRequest
0 голосов
/ 07 апреля 2010

Я пытаюсь установить размер dijit. Диалог, но он кажется ограниченным 600x400, независимо от того, какой размер я его установил. Я скопировал код из dojocampus, и появилось диалоговое окно, но когда я установил размер больше, он показывает только 600x400. Используя firebug и выбирая элементы внутри диалога, я вижу, что они больше, чем диалог, но не отображаются правильно. Я настроил его для прокрутки, но нижняя часть полосы прокрутки не видна. В firebug я проверил maxSize из _Widget, и он установлен в бесконечность. Вот мой код для установки диалога.

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

Есть предложения по увеличению размера диалогового окна?

1 Ответ

2 голосов
/ 10 апреля 2010

Я только что с нуля запрограммировал быстрый сэмпл, используя 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>
...