1. #1
    Sencha User
    Join Date
    Jul 2012
    Location
    Italy
    Posts
    84
    Vote Rating
    4
    Answers
    1
    Tegola is on a distinguished road

      0  

    Default Unanswered: List scrolling along other elements inside a container

    Unanswered: List scrolling along other elements inside a container


    Hello,
    Since Touch 2.1 (beta and then rc), whenever I put a list along other elements inside a container, the list has zero height and it's invisible.

    Here's an example:

    Code:
    Ext.define('My.Container', {
    	extend: 'Ext.Container',
    	
    	config: {
    		scrollable: true,
    		items: [
    			{
    				html: 'My informative panel'
    			},
    			{
    				xtype: 'list',
    				scrollable: false,
    				itemTpl: '<strong>{label}</strong>',
    				data: [
    					{ label: 'Label 1' },
    					{ label: 'Label 2' },
    					{ label: 'Label 3' },
    					{ label: 'Label 4' },
    				]
    			}
    		]
    		
    	}
    });

    And here's a little workaround (layout: vbox on container, flex: 1 on list) which will only partially solve, meaning that the list is visible but the scrolling behavior is a mess:

    Code:
    Ext.define('My.Container', {
    	extend: 'Ext.Container',
    	
    	config: {
    		scrollable: true,
    		layout: 'vbox',
    		items: [
    			{
    				html: 'My informative panel'
    			},
    			{
    				xtype: 'list',
    				scrollable: false,
    				flex: 1,
    				itemTpl: '<strong>{label}</strong>',
    				data: [
    					{ label: 'Label 1' },
    					{ label: 'Label 2' },
    					{ label: 'Label 3' },
    					{ label: 'Label 4' },
    				]
    			}
    		]
    		
    	}
    });
    I'm struggling to fix it. Any idea? This is working fine in Touch 2.0.1.1

    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    899
    Answers
    3575
    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


    With the latest releases of 2.1.0 the List has changed a bit and now supports infinite lists but it needs to get a height in order to support infinite lists.
    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
    Jul 2012
    Location
    Italy
    Posts
    84
    Vote Rating
    4
    Answers
    1
    Tegola is on a distinguished road

      0  

    Default


    The infinite scrolling behaviour may be useful, but has taken away the ability to use lists along other components. How do you build something like this, where the list scroll with the album panel?

    medium.png

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    416
    Vote Rating
    18
    Answers
    5
    jweber will become famous soon enough

      0  

    Default


    I opened a bug report for this, although it's been closed for some reason.

    The change unfortunately also affects Mitchell's excellent Ext.ux.touch.grid plugin, which extends List. Until it's fixed, I had to revert to an older version that extended DataView.

  5. #5
    Sencha User
    Join Date
    Jul 2012
    Location
    Italy
    Posts
    84
    Vote Rating
    4
    Answers
    1
    Tegola is on a distinguished road

      0  

    Default


    I was following that post. Unfortunately, nobody from Sencha has ever replied with an official answer.
    I know we're not paying customers, but come on...

Thread Participants: 2

Tags for this Thread