Как сделать высоту dijit Аккордеонная динамика

Question

Я не могу понять, как сказать, что аккордеонконтейнер устанавливает высоту панели аккордеона в автоматическом режиме, чтобы высота панели была динамичной в зависимости от ее содержимого.

В следующем коде я добавляю две панели к коннектору аккордеона. Один имеет высоту 10 пикселей, а другой - 90 пикселей, но в обоих случаях высота панели аккордеона вычисляется до 10 пикселей. Похоже, что он всегда поднимается на высоту первого.

var accordionContainer = new dijit.layout.AccordionContainer({'id':'accContainer'}).placeAt("test"); 
var accordPane = new dijit.layout.ContentPane({"title": "test", "content":"<div style='height:10px'>sdfsdfsdf</div&gt;"}); 
var accordPane2 = new dijit.layout.ContentPane({"title": "test1", "content":"<div style='height:90px'>sdfsdfsdf</div>"}); 

accordionContainer.addChild(accordPane); 
accordionContainer.addChild(accordPane2, 1); 
accordPane.startup(); 
accordPane2.startup(); 
accordionContainer.startup(); 
accordionContainer.selectChild(accordPane2); 

Я использую додзё 1.3.2

Answer 1

I Overrode Функция _getTargetHeight dijit.layout.AccordionContainer и всегда возвращает «авто» для высоты. Анимация скользящих окон будет работать некорректно, но это не так заметно.

_getTargetHeight: function(/* Node */ node){ 
// summary: 
//For the given node, returns the height that should be 
//set to achieve our vertical space (subtract any padding 
//we may have). 
//This is used by the animations. 

//var cs = dojo.getComputedStyle(node); 
//return Math.max(this._verticalSpace - dojo._getPadBorderExtents(node, cs).h, 0); 
return 'auto'; 
} 

Answer 2

попробуйте установить размеры на самом аккордеона контейнер до размера, который является достаточно большим, чтобы держать свое содержание плюс необходимые названия панели, например

#accContainer{ 
    height: 120px; 
    width: 200px; 
} 

Запуск() вызова в контейнере должен запускать дочерние панели для вас.

Answer 3

В настоящее время это невозможно. Я написал блог/образец кода, чтобы объяснить, почему и как создать группу TitlePane о том, что расширить их естественной высоты (а не высоту контейнера для AccordionContainer):

http://www.sitepen.com/blog/2008/10/21/quick-fixes-and-dojo-support/

Это требует проведения один виджет TitleGroup (пользовательский, код в блоге) и размещение TitlePane внутри. Каждый из них ведет себя в основном как AccordionPane (с атрибутами title = "", возможностями загрузки href = "" и т. Д.) И делегирует заглавные щелчки для управления открытым/закрытым состоянием братьев и сестер.

Answer 4

Теперь вы можете просто использовать dijit.TitlePane с без контейнера вообще. Вы можете передать open: false, когда вы создаете окна, чтобы начать их закрытие. Я думаю, что их включение в dojox.widget.TitleGroup будет эмулировать поведение, имеющее 1 открытый за раз.