Dataview and itemdblclick event

[randomuser]

Hi i'm trying to get list of phones in dataview. When i double click a particular item, the selected item should be maximised. im stuck here. guys pls help me out. pls see the code below



var dataview = Ext.create('Ext.view.View', {
store: store,
tpl : Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="phone">',
(!Ext.isIE6? '<img src="phones/{[values.name.replace(/ /g, "-")]}.png" />' ),
'</tpl>',


plugins : [
Ext.create('Ext.ux.DataView.Animated', {
duration : 550,
idProperty: 'id'
})
],
id: 'phones'
itemSelector: 'div.phone',
overItemCls : 'phone-hover',
singleSelect: true,
autoScroll : true,
listeners: {
itemdblclick: function(dataview, record, item, index, e)
{
alert('itemdblclick');
// to-do 'maximised view of the selected item'
}
}
});

[mitchellsimoens]

Does the itemdblclick event fire for you? You just need to "maximize" it?

[randomuser]

Yes, the itemdblclick event should fire and the selected image should be maximised , while the remaining images at the background should be faded out. (kind of similar to popup)

Thanks in Advance

[mitchellsimoens]

You can open a window or floating panel with modal set to true.