extjs의 CSS 행을 변경하고 싶습니다

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' 
       } 
    }); 
    });