dijit.layout.TabContainer

Question

Возникают проблемы с отображением dijit.layout.tabContainer.

Я добавляю это программно, добавляю contentPane, и все выглядит хорошо в DOM.

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

tabContainer задается высота и ширина.

Используется тема тундры и включен файл CSS для тундры.

1     dojo . create( "div", { id : "clientData" }, "ctrlPanel" );
2 
3     /*
4      * Create the tab control
5      */
6     var tc = new dijit.layout.TabContainer( { style : 'width:100%, height:100%' }, 'clientData' );
7 
8     /*
9      * Add a content pane
10      */
11     var cp1 = new dijit.layout.ContentPane( {
12           title   : "Basic",
13           content : 'replace me'
14     } );
15 
16     tc.addChild(cp1);
17     tc.startup();

Есть идеи?

Answer 1

Я считаю, что проблема в том, что вы разделяете директивы стиля для TabContainer запятой, а не точкой с запятой.То есть попробуйте изменить эту строку на:

var tc = new dijit.layout.TabContainer({style: 'width:100%; height:100%' }, 'clientData');

Так как вы устанавливаете его на 100% ширину и высоту родительского контейнера, вам также нужно убедиться, что у элемента ctrlPanel есть размер (если у вас нетуже).