sencha touch :: 添加背景图像到面板

发布于 2024-11-09 01:25:18 字数 620 浏览 3 评论 0原文

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

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'。

任何想法都会有所帮助！谢谢

原文

I try to add an image to the background of a panel. the image comes from loaded data.
i tried the following code, which did not work:

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

});

when I create a list it work great with 'itemTpl'.

I also tried

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

together with

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

but then I get the message

[[object Object]] is not a valid
argument for
'Function.prototype.apply'.

any thoughts could help!
thnx

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陪你到最终 2024-11-16 01:25:18

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

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

You can append custom style by assigning object to style property of your panel

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

回复收藏 0 原文