Hi,

I able to view images but unable to select a item, here is my code
STORE
Ext.define('MyApp.store.imagesStore', {
extend: 'Ext.data.Store',
requires: [
'MyApp.model.Image'
],


constructor: function(cfg) {
var me = this;
cfg = cfg || {};
me.callParent([Ext.apply({
autoLoad: true,
storeId: 'imagesStore',
model: 'MyApp.model.Image',
proxy: {
type: 'ajax',
url: 'http://localhost//Sencha/DeployDataView/data3.json',
reader: {
type: 'json',
root: 'data'
}
}
}, cfg)]);
}
});

MODEL
Ext.define('MyApp.model.Image', {
extend: 'Ext.data.Model',


fields: [
{
name: 'src',
type: 'string'
},
{
name: 'caption',
type: 'string'
}
]
});


VIEW
Ext.define('MyApp.view.MyPanel', {
extend: 'Ext.panel.Panel',


height: 560,
width: 919,
autoScroll: true,
title: 'My Panel',


initComponent: function() {
var me = this;


Ext.applyIf(me, {
items: [
{
xtype: 'dataview',
autoRender: true,
autoShow: false,
frame: true,
height: 520,
tpl: [
'<tpl for=".">',
' <div style="margin-bottom: 10px;" class="thumb-wrap">',
' <img src="{src}" />',
' <br/><span>{caption}</span>',
' </div>',
' </tpl>'
],
width: 896,
autoScroll: true,
emptyText: 'No images available',
itemSelector: 'div.thumb-wrap',
multiSelect: true,
simpleSelect: true,
singleSelect: true,
store: 'imagesStore',
trackOver: true
}
]
});


me.callParent(arguments);
}


});

please can anyone help me out,
Thankyou.