extjs - 无法在 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 中进行了一些测试，一切正常。

干杯。