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中完成了一些测试，一切正常。

干杯。

无法动态更改IE，Chrome和＆amp ;;的面板背景图像。在extjs的Safari

1 个答案: