javascript - 我如何更改视口(viewport)区域 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');