如何动态更改ExtJS面板的背景颜色

mal*_*avv 1 javascript css extjs

我目前在另一个大面板中有两个面板.左侧面板用于导航,右侧用于内容.我正在尝试修改内容面板背景颜色,因此我创建了一个在expandnode上触发的事件,这就是我被困住的地方.

我的右侧面板ID是#panneau-affichage,我正在尝试修改其中background-color的类x-panel-body 的属性.使用:

Ext.get('panneau-affichage').setBodyStyle('backgroundColor : #dddddd');
Run Code Online (Sandbox Code Playgroud)

Firebug声称没有这样的功能,并且:

Ext.get('panneau-affichage').applyStyle('backgroundColor: #dddddd);
Run Code Online (Sandbox Code Playgroud)

这可以完成div的工作,但被x-panel-body覆盖.

Sri*_*har 7

解决方案:

Ext.getCmp('panel-id').body.setStyle('background','lightblue');
Run Code Online (Sandbox Code Playgroud)