Question

我尝试将图像添加到面板的背景中。图像来自加载的数据。我尝试了以下代码，但没有用：

var topPanel = new Ext.Panel({
        flex:1,
        title:'topPanel',
        style:'style="background-image: url('+this.jsonData.picURL+');'

});

当我创建一个列表时，它与'itemTpl'配合使用。

我也试过

style:'background-image: url({picURL});'

与

一起

store: {
            fields: ['firstName','lastName', 'picURL'],
            data: this.jsondData
        }

然后我收到了消息

[[object Object]]无效争论 'Function.prototype.apply的'。

任何想法都有帮助！日Thnx

Answer 1

您可以通过将对象分配到面板的样式属性来追加自定义样式

style: {
            backgroundImage: 'url(resources/branding/mobile.gif)',
            backgroundRepeat: 'no-repeat',
            backgroundPosition: 'center'
}

Answer 2

如果你想覆盖整个背景使用：

backgroundSize：'cover'

sencha touch ::将背景图像添加到Panel

2 个答案: