無法動態更改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中進行了一些測試，並且一切正常。

干杯。