Sencha Ext Js 7.1 настроить один компонент - PullRequest
0 голосов
/ 19 марта 2020

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

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


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


    },
    items:[
        ....
    ]

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

$button-toolbar-color: #F00;

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

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

Каков наилучший способ сделать это?

1 Ответ

1 голос
/ 19 марта 2020

Используйте ext js -button-ui mixin для создания нужной кнопки и установите свойство ui для своей кнопки в заголовке

...