sencha touch :: добавление фонового изображения на панель

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'