Sencha ExtJs 7.1 настроить отдельный компонент

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

Ext.define('MyApp.tab.Panel', {
    extend: 'Ext.tab.Panel',


    header:{
        xtype: 'myWorkspacesToolbar',
        items:[
             ....
        ]       


    },
    items:[
        ....
    ]

Я хочу настроить только стиль HEADER и его подпункты (добавляются динамически), а не элементы Panel. Используя scss-файл myWorkspacesToolbar.scss, например:

$button-toolbar-color: #F00;

Я меняю цвет всех кнопок (заголовок, элементы панели и подпункты).

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

Как лучше всего это сделать?

Источник

1 ответ

Решение

Используйте миксин extjs-button-ui для создания необходимой кнопки и установите свойство ui для вашей кнопки в заголовке

Источник
Другие вопросы по тегам