2013-11-17 7 views
1

По какой-то причине элементы стиля не применяются к TabContainer. Заголовки табуляции отображаются как простой черно-белый текст, застрявший рядом друг с другом.Dojo TabContainer не укладка

 <script src="http://localhost/dojo/1.9.1/dojo/dojo.js" data-dojo-config="async:true,parseOnLoad:true"></script> 
     <link href="http://localhost/dojo/1.9.1/dojo/resources/dojo.css" type="text/css" rel="stylesheet" /> 
     <link href="http://localhost/dojo/1.9.1/dijit/themes/claro/claro.css" type="text/css" rel="stylesheet" /> 
     <link href="http://localhost/dojo/1.9.1/dojox/grid/enhanced/resources/claro/EnhancedGrid.css" type="text/css" rel="stylesheet" /> 
    </head> 
    <body> 
     <div id="mainUIContainer" data-dojo-type="dijit/layout/TabContainer" region='center' style="width: 100%; height: 100%;"> 
     <div id="numbersGridTab" data-dojo-type="dijit/layout/ContentPane" style="width: 100%; height: 100%;" title="Grid"> 
      <div id="numbersGridHolder" style="width: 900px; height: 400px;"></div> 
     </div> 
     <div id="textBlobTab" data-dojo-type="dijit/layout/ContentPane" style="width: 100%; height: 100%;" title="crap"> 
      lorem ipsum dolor 
     </div> 
     </div> 
     <script> 
     require([ 
      "dijit/layout/ContentPane", 
      "dijit/layout/TabContainer", 
      "dojo/domReady!" 
     ], function(){ 
      makeGrid(); 
     }); 
     </script> 

ответ

1

Я считаю, что проблема здесь заключается в том, чтобы использовать существующую тему додзё как claro, вам нужно добавить класс в тег тела <body class="claro">

@ Андрей: Это сделал трюк !! Подтверждено с Dojo 1.9.2 (Тундра будет специфичной :)).

+0

Спасибо, я никогда этого не замечал. Я всегда работал с шаблонами доджо в прошлом, но сегодня у меня не было доступа к одному. – Sam

+0

Да, я думаю, идея состоит в том, что вы можете охватить тему додзё на определенную часть страницы. Поскольку все CSS-темы имеют область «.claro .my-theme-rule», вы можете добавить класс '.claro' в любую часть приложения, и только элементы dom внутри этой части будут помечены в стиле этой темы. – Andrew

+0

@ Андрей: Это сделал трюк !! Подтверждено с Dojo 1.9.2 (Тундра будет специфичной :)). – Xplora

0

Вы можете использовать в Chrome Ctrl + Shift + I панели для просмотра сгенерированного DOM вашей страницы и найти тег, который вы хотите стиль. Если вы считаете, что JavaScript переопределяет ваш стиль, создайте новый Javascript, который будет выполнен после выполнения остальных, и используйте его для установки стилей. Как и большинство разработчиков, ориентированных на дизайн, я советую вам использовать jQuery, если вам нужно активно использовать динамический стиль.

Смежные вопросы