我如何改变视口区域extjs 4的颜色？

Question

如何更改viewport 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设置背景颜色。或者，您可以将bodyStyle内联设置为css字符串：

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

要动态执行此操作，您可以在正文上设置样式：

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