Dynamic image getting "stuck"

Question

I have an application where you "page through" recipes. You can see it here. The recipes are a list with an item renderer of the "recipe card", controlled with a stepper skinned to look like "next" /"previous" buttons.
In the next iteration of this, I needed to add a "sponsored by" badge to one recipe card.
So, I added a section in the XML for that recipe only, with the path to the client's logo image in the xml.  And then I added below the recipe description this code:
<s:Group click="goRecipe(XML(data).sponsor.link)">
     <s:BitmapImage source="/images/{XML(data).sponsor.image}"/>
</s:Group>
It works, but once the image displays for the sponsored recipe (the one where this value exists), it is "stuck" and shows up as you page back through the other desserts.  It shows up on every other dessert, even if they have no sponsor node in the XML and they were blank before.  Changing the "tab" in the recipe book (which refreshes the list by changing its filterFunction) clears the image again.  But once it displays it stays.
Any ideas?

Answer 1

glad you got it working
i was going to say, sometimes, depending on how you load the data, the itemRenderer's data property can be null. in these cases you can add
if (this.data == null) {
  return;
to the dataChange handler.
An alternative to dataChange events is to override the set data method:
override public function set data(value:Object) : void {
  super.data = value;
  if (value.sponsorImage != null || value.sponsorImage != undefined) {
    sponsorImage.source = value.sponsorImage;
    sponsorImage.visible = true;
  } else {
    sponsorImage.source = null;
    sponsorImage.visible = false;
something like that...
- e