无法为Extjs中的Chrome动态应用背景面板图像

Question

我有一个类似桌面的应用程序，以面板为基础，并且具有背景。 我有一个包含多个图像的表单，可以动态更改面板背景。 我使用以下代码在Firefox和IE上均可使用。 但没有一个适用于Chrome。 但是我知道最好直接应用于panel div元素。

我使用的代码是：

panelbg.setBodyStyle({
backgroundImage: 'url('+bgimage+') !important',
backgroundRepeat: 'no-repeat',
backgroundPosition: 'center',
backgroundSize: 'contain'
});

panelbg.setBodyStyle('background-image','url('+bgimage+')');    
panelbg.setBodyStyle('backgorund=position','center');
panelbg.setBodyStyle('background-size','cover');

如何简单地设置面板背景而不必使用多个语句？

非常感谢您的帮助。

提前致谢！ :)

Answer 1

您是否尝试过串联函数：

panelbg.setBodyStyle('background-image','url('+bgimage+')').setBodyStyle('backgorund=position','center').setBodyStyle('background-size','cover');

Answer 2

您是否尝试过（请注意方括号，分号和嵌套引号 ）：

panelbg.setBodyStyle({
    "backgroundImage: url(bgimage) !important;
     backgroundRepeat: no-repeat;
     backgorundPosition: center;
     backgroundSize: contain;"
});