无法动态更改extjs中IE，Chrome和Safari的面板背景图片

Question

我有一个EXTJS面板作为桌面背景。 我添加了一些代码来动态更改背景图像。 在Firefox中，它运行良好，但在其他任何浏览器中均无法运行。

var panelbg = Ext.getCmp('windowarea').body;
var tree = Ext.getCmp('desktoptree');
if (tree.getSelectionModel().hasSelection()) 
{
    var selectedNode = tree.getSelectionModel().getSelection();
    var nodeid = selectedNode[0].data.id;
    var demo = "Data/wall/"+nodeid+".jpg";
    panelbg.setStyle('background-image','url('+demo+')');
    panelbg.setStyle('background-size','cover');
}

请帮我。

提前致谢

Answer 1

要更改面板的背景图像，请尝试使用setBodyStyle：

var panelbg = Ext.getCmp('windowarea');
var demo = "Data/wall/"+nodeid+".jpg";
panelbg.setBodyStyle('background:url(' + demo + ')');

我在这里有一个小样本： http : //jsfiddle.net/d9zQc/3/

我已经在IE10，Firefox 21和Chrome 26中进行了一些测试，并且一切正常。

干杯。