Я хочу изменить css vars of extjs

Question

Я хочу установить фоновый цвет панели с помощью $ panel-body-background-color. то как я могу установить в конфигурации панели? Я получаю ошибку в соответствии с кодом.

здесь код

var mainPanel = Ext.create('Ext.form.Panel', { 
    renderTo: Ext.get('main'), 
    xtype: 'form', 
    title: 'User Registration', 
    $panel-body-background-color : black /style:{'$panel-body-background-color:#64FE2E'} 
}); 

Answer 1

$ панельного тело цвета фон не являются конфигурациями компонентов, они SASS переменными. Они определяются и настраиваются вне вашего кода приложения. См. Приведенную ниже ссылку для быстрого руководства по тематике ExtJS. Его очень мощный, но может быть подавляющим вначале.

http://docs.sencha.com/extjs/4.2.1/#!/guide/theming

Вы должны использовать Сенч команду, чтобы сделать эту работу должным образом, если вы вы можете изучить папку пакетов, чтобы увидеть темы и как они создаются. Вы также можете использовать команду Sencha Command для создания новой темы:

sencha generate theme my-custom-theme 

Answer 2

Могу ли я узнать причину изменения цвета фона?

Код может выглядеть следующим образом,

Ext.onReady(function() { 
    var mainPanel = Ext.create('Ext.form.Panel', { 
       renderTo: Ext.getBody(), 
       title: 'User Registration', 
       width:300, 
       height:400, 
       bodyStyle:{ 
       background:'pink' 
       } 
    }); 
    });