css - 更改煎茶触摸中的背景图像

Question

我是煎茶触摸的初学者，所以我有一些基本问题。

我在 css 的面板中添加了背景图像：

#inputPanel{
    background:url(../i/input-bg.png) no-repeat left top;
}

每次显示面板时，我都想更改背景图像：

this.inputPanel = new Ext.form.FormPanel({
    cls:'panel',
    id:'inputPanel',
    items:[],
    dockedItems:[],
    listeners:{
        beforeshow:function(){
            if(showImageAAA)
              // Change the background image to AAA
            else
              // Change the background image to BBB
        },
    }
});

有什么简单的方法吗？谢谢。

Answer 1

我认为您可以设置面板的“样式”或“bodyStyle”属性。

Answer 2

你可以在下面做

this.inputPanel = new Ext.form.FormPanel({
    cls:'panel',
    id:'inputPanel',
    items:[],
    dockedItems:[],
    listeners:{
        beforerender:function(){
            if(showImageAAA)
              // Change the background image to AAA
               this.style="background:url(../i/input-bgAAA.png) no-repeat left top;";
            else
              // Change the background image to BBB
               this.style="background:url(../i/input-bgBBB.png) no-repeat left top;";
        },
    }
});

希望这有帮助！