1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    3
    Vote Rating
    0
    randomuser is on a distinguished road

      0  

    Default Dataview and itemdblclick event

    Dataview and itemdblclick event


    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'
    }
    }
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Does the itemdblclick event fire for you? You just need to "maximize" it?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    3
    Vote Rating
    0
    randomuser is on a distinguished road

      0  

    Default


    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

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,118
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can open a window or floating panel with modal set to true.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1