Я боролся в течение нескольких недель, пытаясь взломать этот орех, поэтому я не уверен, невозможно ли это, или это мое отсутствие кодирования отбивных ... или и то, и другое. Я не программист, и я новичок в Dojo Toolkit.
У меня есть сайт, использующий макет BorderContainer. Я пытаюсь создать эффект, в котором я могу использовать кнопку, чтобы открывать и закрывать выпадающий список типов, который будет содержать элементы управления. Мне нужно, чтобы этот раскрывающийся список был скрыт при загрузке страницы, а затем открывался при нажатии кнопки.
Моя проблема в том, что когда я открываю выпадающий список, он выталкивает панель контента под ним из нижней части окна браузера. Мне нужно, чтобы нижняя ContentPane оставалась вписывающейся в оставшееся пространство окна браузера, когда открывается раскрывающийся список. Кроме того, я хочу, чтобы раскрывающийся список находился вне прокручиваемого контейнера для содержимого под ним, поэтому я настроил его так, чтобы он находился вне вложенного BorderContainer под ним.
Я создал упрощенную версию кода, чтобы продемонстрировать свою задачу (см. Ссылку ниже). Если вы загрузите страницу, вы увидите, что центр ContentPane прокручивает содержимое. Но если вы затем нажмете на кнопку, раскрывающийся элемент div развернется над содержимым. Затем, когда вы прокрутите страницу, вы заметите, что не можете видеть всю панель, потому что она находится на ничейной земле ниже нижней части окна браузера. Я предполагаю, что, поскольку div настроен для отображения: ни один при загрузке, его размер не учитывается при загрузке страницы. Затем, когда вы открываете его нажатием кнопки, его размер является аддитивным, и на панели ниже не видно, как изменить размер или учесть новый элемент.
Я пытался использовать атрибут видимости, но это оставляет пробел для div, когда он все еще закрыт. Я возился с некоторым кодом, который контролирует высоту, которая показывает обещание, но каждый из моих выпадающих окон будет иметь разные размеры, поэтому я бы предпочел, чтобы высота была установлена на «авто», а не на заданный размер пикселя.
Кто-нибудь знает, как мне это сделать, чтобы нижняя панель помещалась в пространстве, не отрываясь от экрана?
Вот пример страницы:
http://equium.com/scaffold.html
(У меня были некоторые проблемы при попытке вставить здесь полную HTML-страницу в качестве примера кода, так что, если это предпочтительный способ справиться с этим, и кто-то может сообщить мне лучший способ встраивания всего этого кода, я был бы признателен она.)
Спасибо заранее, я бы очень признателен за любые отзывы.