После того, как сфотографировали, как установить это изображение в макете в Sencha Touch?

Я пытаюсь сделать снимок с помощью API камеры и отобразить его на экране. Я могу сделать снимок. Но не понимаю, как отобразить его на моем экране. Для этого я написал следующий код:

Ext.define('MyApp.view.CameraPanel', {    extend: 'Ext.Panel',


config: {
    ui: 'light',
    layout: {
        type: 'card'
    },
    items: [
        {
            xtype: 'button',
            handler: function(button, event) {
                Ext.device.Camera.capture({
                    source: 'camera',
                    destination: 'data',


                    success: function(image) {


                        takenimage.setSrc(image);
                    },


                    failure: function() {
                        Ext.Msg.alert('Error', 'There was an error when acquiring the picture.');
                    },
                    scope: this
                });
            },
            height: 33,
            left: 60,
            top: 400,
            ui: 'decline-round',
            width: 200,
            text: 'Take a Photo'
        },
        {
            xtype: 'image',
            itemId: 'takenimage',
            src: 'image'
        }
    ]
}

});

Я новичок в этой платформе сенча. Пожалуйста помоги.

СПАСИБО