Question

I am using sencha touch to make a form.fieldset. In my model I have an image field, how can i do to display the current image of my model? My form.fieldset looks like :

/**
 * This is used by the NestedList example to allow editing of an item in the Store
 */
Ext.define('ParkingSencha.view.EditorPanel', {
    extend: 'Ext.form.Panel',
    requires: ['Ext.form.FieldSet'],
    id: 'editorPanel',
    config: {
        modal: true,
        hideOnMaskTap: false,
        centered: true,
        width: 500,
        scrollable: false,
        items: [{
            xtype: 'fieldset',
            items: [
            {
                xtype: 'textfield',
                name: 'keyword',
                label: 'Mots clés'
            },
            {
                xtype: 'textfield',
                name: 'title',
                label: 'Titre'
            },
            {
                xtype: 'textfield',
                name: 'image',
                label: 'image'
            }
            ]
          }]
        }]
    }
});

Answer 1

For using / loading the image in a formfield, you need to use image component, not textfield.

Do it like this,

....
{
  xtype: 'image',
  src: 'http://www.sencha.com/assets/images/sencha-avatar-64x64.png',
  flex: 1
},
....