PDA

View Full Version : List Will Not Scroll To The Bottom



uksencha
29 Feb 2012, 2:49 AM
Hi

I'm trying to create some search results and I have a multiline list that will not scroll to the bottom item (it only gets half way down the bottom item).

This is the itemTpl

itemTpl : '<div class="searchResultsItem">
<div class="searchResultTitle">
<p>{recordName}</p>
</div>
<div class="searchResultDetail">
<p>{objectType} - {objectName}</p>
<p>{field}</p>
</div>
<div class="searchResultText">
<p>{beforeText}<b>{boldText}</b>{afterText}</p>
</div>
</div>',

This is my entry in the scss file:

.searchResultsItem p {
font-family: 'Helvetica Neue', HelveticaNeue, 'Helvetica-Neue', Helvetica, 'BBAlpha Sans', sans-serif;
}
#SearchResultsList .x-list-item {
min-height: 200px;
}
.searchResultTitle p {
color: #0000FF;
font-size: 1em;
font-weight: normal;
}
.searchResultDetail p {
color: #000000;
font-size: 0.95em;
font-weight: normal;
}
.searchResultText p {
color: #000000;
font-size: 0.90em;
}

As you can see I tried setting the rowHeight in the scss file to see if that helped but while it changed the row height it would still not scroll the list to the bottom entry.

I would be grateful if anyone has any ideas please ?

Thanks

Chris

mitchellsimoens
29 Feb 2012, 8:03 AM
Does it bounce back to the top or just stop half way?

uksencha
29 Feb 2012, 8:56 AM
Hi Mitchell

When you pull the list to the bottom around half of the last item is not visible until you drag it further when the rest of the last item becomes visible until you let go of the list and it bounces back to only showing half of the last item again.

Thanks

Chris

mitchellsimoens
29 Feb 2012, 8:58 AM
So it's bouncing back to the top? You need to use something to manage the list's height then like fit layout or something.

uksencha
29 Feb 2012, 9:12 AM
Yes I guess so - sorry I got a bit long winded with my explanation - only excuse is that I just got off a very long call with Belgium and my head is aching.

I will try and do something with the list height.

Thanks

Chris

uksencha
29 Feb 2012, 9:17 AM
That worked just fine - thanks very much again for your help.

Chris

binhdocco
29 Apr 2014, 1:36 AM
That worked just fine - thanks very much again for your help.

Chris

How did you do to make that worked ?

uksencha
29 Apr 2014, 1:52 AM
Hi

I don't actually work on Sencha stuff any more as I have switched to a different framework so my memory is a little hazy.

I have had a look at what I did and it looks like I set layout: 'fit' on the panel that contains the list and made the panel and the list fullscreen: true.

I hope that helps you - sorry I can't remember better.

Good luck!

Chris

binhdocco
29 Apr 2014, 2:36 AM
:) Anyway, thanks a lot for your suggestions

binhdocco
6 May 2014, 1:09 AM
yeah, I use the itemHeight of List config, and it works :D