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,318
    Vote Rating
    1291
      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!

    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
    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,318
    Vote Rating
    1291
      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!

    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
    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,318
    Vote Rating
    1291
      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!

    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.

Posting Permissions

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