EXTJS 5: Пользовательский интерфейс на панели вкладок не работает - PullRequest
Новая
       31

EXTJS 5: Пользовательский интерфейс на панели вкладок не работает

0 голосов
/ 01 мая 2018

Я использую одну из стандартных тем ExtJS-5

Я боролся с созданием пользовательского ui для вкладок на tabpanel.

Как только я укажу ui на tabpanel, полоса вкладок перестает отображаться

В saas\src\tab\Panel.scss Я поставил следующее - 

@include extjs-tab-panel-ui(
       $ui: 'alternative',
       $ui-tab-background-color: red,
       $ui-tab-color: green
);

А в моем tabpanel я указал - 

ui: 'alternative',

Не уверен, что я делаю не так. Нет ошибок при сборке

1 Ответ

0 голосов
/ 02 мая 2018

Проблема в том, что пользовательский интерфейс также применяется к дочерним элементам панели вкладок. Вы можете увидеть это, если исследуете созданный DOM. Однако соответствующего CSS нет, поэтому узлы DOM обычно имеют нулевую высоту.

Вам нужно объявить панель вкладок примерно так: 

{ xtype: 'tabpanel',
  ui: 'alternative',
  tabBar: { ui: 'default' },
  ...
}

Подробнее об этом см. https://twasink.net/2013/09/08/lessons-learnt-from-a-bug/

...