PDA

View Full Version : [FIXED] Ext.List in Ext.Carousel exhibits erratic scrolling (0.91)



epalm
5 Jul 2010, 3:14 PM
I have an Ext.List inside an Ext.Carousel



Ext.setup({

tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,

onReady: function() {

Ext.regModel('Contact', { fields: ['firstName', 'lastName'] });

var store = new Ext.data.Store({
model: 'Contact',
data: [
{firstName: 'Tommy', lastName: 'Maintz'},
{firstName: 'Ed', lastName: 'Spencer'},
{firstName: 'Jamie', lastName: 'Avins'},
{firstName: 'Aaron', lastName: 'Conran'},
{firstName: 'Dave', lastName: 'Kaneda'},
{firstName: 'Michael', lastName: 'Mullany'},
{firstName: 'Abraham', lastName: 'Elias'},
{firstName: 'Jay', lastName: 'Robinson'},
{firstName: 'Tommy', lastName: 'Maintz'},
{firstName: 'Ed', lastName: 'Spencer'},
{firstName: 'Jamie', lastName: 'Avins'},
{firstName: 'Aaron', lastName: 'Conran'},
{firstName: 'Dave', lastName: 'Kaneda'},
{firstName: 'Michael', lastName: 'Mullany'},
{firstName: 'Abraham', lastName: 'Elias'},
{firstName: 'Jay', lastName: 'Robinson'}
]
});

var list = {
xtype: 'list',
singleSelect: true,
store: store,
tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong> {lastName}</div></tpl>',
itemSelector: 'div.contact'
};

var panel = {
xtype: 'panel',
html: 'i am a panel'
};

var carousel = new Ext.Carousel({
fullscreen: true,
items: [list, panel]
});
}
});


This works as expected. Now change

items: [list, panel]
to

items: [panel, list]
and attempting to scroll the list up/down is erratic, as if the gesture is being multiplied in the direction it is being applied.

TommyMaintz
6 Jul 2010, 1:54 PM
Thanks for the bug report. There was some internal logic that was wrong. This will be fixed in the next release. Until then I suggest doing the following on the List and see if that fixes your issue.



pinHeaders: false,
indexBar: false

epalm
6 Jul 2010, 2:03 PM
That fix worked, much thanks Tommy :)