-
16 Oct 2012 12:48 AM #1
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:
I'm struggling to fix it. Any idea? This is working fine in Touch 2.0.1.1Code: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' }, ] } ] } });
Thanks
-
18 Oct 2012 5:52 AM #2Sencha - Senior Forum Manager
- Join Date
- Mar 2007
- Location
- St. Louis, MO
- Posts
- 33,714
- Vote Rating
- 438
- Answers
- 3113
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
________________
http://www.JSONPLint.com - Source to lint your JSONP!
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 almost in print!
When posting code, please use BBCode's CODE tags.
-
18 Oct 2012 6:08 AM #3
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
-
18 Oct 2012 6:57 AM #4
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.
-
19 Oct 2012 2:23 PM #5
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...


Reply With Quote