PDA

View Full Version : List ,variableHeights = false, itemHeight = 60, select problem



uksencha
13 Mar 2013, 3:07 AM
Hi

I have a list where I have variableHeights to false and itemHeight to 60.

Whenever I do a select so that the row is highlighted there is a 1 pixel gap at the bottom between the highlight color and the next item border.

I have had a look in debug and it seems to be because its making the itemHeight 61 when it is selected therefore leaving the one pixel gap at the bottom.

I have tried doing a list refresh after the select and this sometimes fixes it on faster devices but its not really working on slower ones.

Does anyone know a good way of fixing this ?

Thanks

Chris

mitchellsimoens
15 Mar 2013, 8:08 AM
What ST 2.x.x version are you using? 2.1.1 I see some selecting issues but 2.2.0 beta 1 seems to be working for my test:


Ext.Viewport.add({
xtype : 'list',
variableHeights : false,
itemHeight : 60,
itemTpl : '{foo}',
store : {
fields : ['foo'],
data : [
{ foo : 'one' },
{ foo : 'two' },
{ foo : 'three' }
]
}
});

uksencha
15 Mar 2013, 8:14 AM
Hi Mitchell

Thanks for the reply.

We just upgraded to 2.1.1 - thanks for the tip I will download 2.2.0 beta 1 and give it a try.

Thanks

Chris

uksencha
17 Jun 2013, 4:34 AM
The update to version 2.2 of the framework sorted the problem

Thanks