Sorry it took so long to respond to this,
you may have addressed some of these issues already:
1) I believe the extra row is actually just leftover space in the
list. We don’t show partial rows unless you explicitly set a count
that would cause the row to appear.
2) I think you’ve fixed this on the site as it is now?
3) This resizing might be a bug in our List class. The extra row
is simply because we have a minimum number of cells that need to get rendered
to allow scrolling with variableRowHeight.
4) Since you’ve added more content since your post I can’t
reproduce this.
Matt
From: flexcoders@yahoogroups.com [mailto:flexcoders@yahoogroups.com] On Behalf Of Devin Holloway
Sent: Friday, July 15, 2005 9:07
AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Odd
behaviors with List controls
I've been noticing a lot of
odd behavior with the List and TileList
controls. The application I'm working on is
located at:
http://default.devinholloway.com/flex/capoeira/
You should see the list of titles on the left hand
side. If you
scroll
the product list all the way down, you'll see an
empty row. Every
time
I use a list-based control, it always produces at
least one extra
empty
row at the bottom. Is this expected behavior?
Issue #2: Keep the product list scrolled to the
bottom to where the
top
product for both tilelist columns are not visible
(my browser is
maximized at 1024x768), and then use the
NumericStepper pager control
to jump to the second page of results. When that
loads, the top
product
for each column should be using the "no
image" book cover. But
instead,
they're using the same two images for the top two
products on the
first
page of results, only resized to same height as
the "no image" icon.
Now scroll to the bottom of the second page, and
the last two
products
might also display the same two images rather then
the "no image"
icon.
This is fairly consistent behavoir when flipping
through pages.
Issue #3: Go back to the first page and select the
first product. On
the right hand side, select the "customer
reviews" accordion pane.
This
list displaying these reviews have
variableRowHeight and wordWrap
turned on. When you first select the customer
reviews, the list isn't
sized correctly. It's as if it figures out the
height of the tallest
list item, and uses that height for all visible
list items. You have
to
scroll up and down to get it to recalculate and
get each list item
sized correctly. You should also see one extra
blank list item at the
bottom like I noted in the first issue.
Issue #4: Now use the NumericStepper at the bottom
of the reviews to
flip to the second page of reviews, and scroll to
the bottom. The
second page has 5 review list items, although, the
scroll bar stops
at
the end of the third item and won't let you scroll
any further.
Sometimes if you scroll up and down, or go to
another page of reviews
and come back, it'll let you see all of the
reviews on this page.
Here's the code snippets for both the lists:
Product Tile List:
<mx:TileList id="productList"
dataProvider="{aws.ItemSearch.result.Items.Item}"
cellRenderer="ProductListCellRenderer"
liveScrolling="false"
change="aws.ItemLookup.send();"
width="100%" height="100%"
itemWidth="225"
itemHeight="125"/>
Product Tile List Cell Renderer:
<mx:Script>
<![CDATA[
[Embed(source="images/noimg.gif")]
var
noimage:String;
function
setValue(str:String, item:Object, sel:String) {
if (item==undefined) {
visible = false;
return;
} else {
title.text=item.ItemAttributes.Title;
author.text=(item.ItemAttributes.Author)?"By "
+ item.ItemAttributes.Author:"";
price.text=(item.Offers.Offer)?"Price: " +
item.Offers.Offer.OfferListing.Price.FormattedPrice:"";
availability.text=
(item.Offers.Offer.OfferListing.Availability)?
item.Offers.Offer.OfferListing.Availability:"Currently
unavailable";
if
(item.SmallImage) {
image.source=item.SmallImage.URL;
image.width=item.SmallImage.Width;
image.height=item.SmallImage.Height;
} else {
image.source=noimage;
image.width=60;
image.height=40;
}
visible=true;
}
}
]]>
</mx:Script>
<mx:Text id="title"
width="225" height="30" selectable="false"
styleName="productTitle"/>
<mx:HBox width="100%"
height="100%">
<mx:Image
id="image"/>
<mx:VBox>
<mx:Label id="author" width="157"/>
<mx:Text id="availability"
width="157"
selectable="false"/>
<mx:Label id="price"
styleName="productPrice"/>
</mx:VBox>
</mx:HBox>
Customer Reviews List:
<mx:List
dataProvider="{aws.ItemLookup.result.Items.Item.Cu
stomerReviews.Review}"
cellRenderer="CustomerReviewsCellRenderer"
variableRowHeight="true"
wordWrap="true" width="100%"
height="100%"/>
Customer Reviews List Cell Renderer:
<mx:Script>
<![CDATA[
[Embed(source="images/stars-0-0.gif")]
var stars00:String;
[Embed(source="images/stars-0-5.gif")]
var stars05:String;
[Embed(source="images/stars-1-0.gif")]
var stars10:String;
<!-- and so
forth -->
function
setValue(str:String, item:Object, sel:String) {
if (item==undefined) {
visible = false;
return;
} else {
switch
(item.Rating) {
case 0
: stars.source=stars00; break;
case 0.5 :
stars.source=stars05; break;
case 1
: stars.source=stars10; break;
<!-- and so
forth -->
}
summary.text=item.Summary;
review.htmlText=item.Content;
visible=true;
}
}
]]>
</mx:Script>
<mx:HBox>
<mx:Image
id="stars" width="64" height="12"/>
<mx:Label
id="summary" styleName="productTitle"/>
</mx:HBox>
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com
SPONSORED LINKS
YAHOO! GROUPS LINKS
