Results 1 to 10 of 11

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
    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
    89
    Vote Rating
    1
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    89
    Vote Rating
    1
      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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  5. #5
    Sencha Premium Member
    Join Date
    Feb 2012
    Posts
    89
    Vote Rating
    1
      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 Attached Files

  6. #6
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •