뷰포트 영역 extjs 4의 색상을 어떻게 바꿀 수 있습니까?

Question

뷰포트 extjs 4의 개별 영역 배경색을 어떻게 바꿀 수 있습니까? 여기에 제 코드가 있습니다.

{ 
    region: 'south', 
    title: 'South Panel', 
    collapsible: true, 
    html: 'Information goes here', 
    split: true, 
    height: 100, 
    minHeight: 100 
}, { 
    region: 'east', 
    title: 'East Panel', 
    collapsible: true, 
    split: true, 
    width: 150 
} 

이제 알려주세요.

Answer 1

bodyCls 구성을 사용하여 본문에 클래스를 할당 한 다음 CSS를 통해 배경색을 설정할 수 있습니다. 또한, 당신이 CSS를 문자열로 인라인 bodyStyle을 설정할 수 있습니다

bodyCls: 'foo' 
// or 
bodyStyle: 'background-color: red;' 

동적으로 작업을 수행하려면, 당신은 몸에 스타일을 설정할 수 있습니다 내가 내선`와 같은 함수에서 적용 할 수있는 방법을

myPanel.body.setStyle('background-color', 'red');