Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-2839 in a recent build.
  1. #1
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default Itemtap on popup list doesnt fire when layout 'fit' used

    Itemtap on popup list doesnt fire when layout 'fit' used


    Not sure if this is a bug - it appears so:
    >>

    REQUIRED INFORMATION
    Ext version tested:
    • Sencha Touch 2.0.0
    Browser versions tested against:
    • chrome 18.0.1025.162 m
    Description:
    • Popup panel with list. Itemtap event doesnt fire when layout is'fit'. Need layout 'fit' to display list on iphone otherwise it comes up blank.
    Steps to reproduce the problem:
    • popup with list and itemtap event set layout to 'fit' then comment out layout
    The result that was expected:
    • item tap event should fire
    The result that occurs instead:
    • item tap event only fires when layout 'fit' not in place
    Test Case:
    comment the layout: 'fit' line to see it working
    Code:
    Ext.define('MyApp.view.MyMain', {
        extend: 'Ext.Panel',
        xtype: 'MyMain',
        requires:
        ['MyApp.view.MyPopup'
        ],
        config :
        {
            fullscreen: true,
            html: 'Hello World.'
            ,
            items:
            [
                {
                    xtype: 'textfield',
                    itemId: 'myfield',
                    name: 'myfield',
                    label: '1/ enter value 2/move to next field',
                    labelWidth: '50%'
                },
                {
                    xtype: 'textfield',
                    itemId: 'firstname',
                    name: 'firstname',
                    label: 'first'
                },
                {
                    xtype: 'textfield',
                    itemId: 'lastname',
                    name: 'lastname',
                    label: 'last'
                }
            ]
        }
        
        ,
        initialize: function () {
            console.log('initialize MyMain');
            this.callParent();
        }
        
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,756
    Vote Rating
    828
    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


    Can I see the MyApp.view.MyPopup class? I cannot reproduce in 2.0.1 RC with this code:

    Code:
    var panel = new Ext.Panel({
        centered : true,
        width    : 300,
        height   : 300,
        layout   : 'fit',
        items    : [
            {
                xtype    : 'list',
                itemTpl  : '{text}',
                store    : {
                    fields : ['text'],
                    data   : [
                        { text : 'One' },
                        { text : 'Two' }
                    ]
                },
                listeners : {
                    itemtap : function() {
                        console.log('itemtap fired');
                    }
                }
            }
        ]
    });
    
    Ext.Viewport.add(panel);
    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 Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default


    Hi,
    thx - I'm not sure what has happened to my original post but I did provide a link/URL to the full example.
    Here it is.

    http://www.senchafiddle.com/#EV7qM

    t
    hanks

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,756
    Vote Rating
    828
    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


    The code there is the same as in your first post and doesn't have a popup list or fit layout or itemtap event listener.
    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.

  5. #5
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default


    hi - thats very weird - when I cick on this URL I see multiple tabs for each of the files in the senchafiddle tool - just tried on my iphone and even see the other code files.
    anyways I have attached the zip of the application - includes the app.js , views and controller.
    thx
    Attached Files

  6. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,756
    Vote Rating
    828
    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


    So I load your app code, I enter a value in the first text field and tab to the next one which is first. I get a floating panel with a list in it. I tap on an item and it populates both the first and last fields. I am using 2.0.1 RC using Chrome 18 and iOS Simulator (iPad 5.1)
    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.

  7. #7
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default


    Hi,
    see in /views/MyPopup.js

    on all of the below:


    IOS 4.1 iphone - M_webkit 4.0.5
    IOS 4.2.1 iphone - M_webkit 5.0.2
    IOS 5 iphone simulator - M_webkit 5.1


    when line layout 'fit' is commented out causes a blank list
    when line layout 'fit' is used list of names comes up but itemtap doesnt fire.




    IOS 4.3.5 ipad - M_webkit 5.0.2
    when line layout 'fit' is commented out list of names comes up and itemtap does fire
    NOTE: when line layout 'fit' is used list of names comes up but itemtap doesnt fire.

    seems like an iPhone issue for a number of versions of the browser - haven't tried on older ipad version of browser.


    thanks

  8. #8
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    Lists cannot have a 'fit' layout because they scroll. They either need to be within a container that gives them size or they need to have a fixed size.

    Sencha Inc

    Jamie Avins

    @jamieavins

  9. #9
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    84
    Vote Rating
    1
    busaware1 is on a distinguished road

      0  

    Default


    thanks Jamie,

    this led me to look further at the height/width settings and it turns out that the '70%' for height causes the issue e.g. when I have this code in place (code in red) then I have the problem with item tap not firing in the IOS/webkit versions listed above.
    Take these lines out and just use a fixed amount (code lines in blue) and its fine.
    Should the percentages work?
    thx

    Code:
    Ext.define('MyApp.view.MyPopup', {
        extend: 'Ext.List',
        xtype: 'MyPopup',
    
        config: {
            modal: true,
            hideOnMaskTap: true,
    
            // Make it hidden by default
            hidden: true,
            centered: true,
            // Set the width and height of the panel
            width: (Ext.os.deviceType == 'Phone') ? 260 : 400,
            height: (Ext.os.deviceType == 'Phone') ? '70%' : 400,
    height: (Ext.os.deviceType == 'Phone') ? 350 : 400,
            // need this next line to display on iPhone but this disables itemtap on the list
           // layout: 'fit', 
            items:
            [
            {
            xtype: 'titlebar',
            docked: 'top',
            title: 'Pick an item'
        },
        {
        xtype: 'list',
        itemId: 'mylist',
        store: 'MyStore',
    // need height otherwise wont display
        height: ((Ext.os.deviceType == 'Phone') ? '70%' : 400) - 70, 
     height: ((Ext.os.deviceType == 'Phone') ? 350 : 400) - 70, 
    
        itemTpl: '<div class="cities">{thing1} {thing2}</div>'
    
    }
               ]
               }
               ,
               initialize: function () {
    
    
        console.log('initialize Popup');
        this.callParent();
    }
    
    
    });
    
    
    
    
    

  10. #10
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    I would think the should, we will look into it.

    Sencha Inc

    Jamie Avins

    @jamieavins

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi