Skip navigation
flexchief
flexchief
Currently Being Moderated

Flex list has no selection color or rollover color after adding an item to it's dataprovider

Oct 27, 2011 9:09 AM

Tags: #list

Hi,

 

I have a basic list that uses an item renderer to display images.

 

If I add an item to the list, on a button click for example, the item gets added to the list perfectly fine but when i rollover/select this newly added item the highlight is not visibe and it actually stays on the list item that was previously selected?

 

Could anyone shed some light on this really, really anoying issue for me please?

 

Thanks

Flexchief

1081 Views   7 Replies   Latest reply: drkstr_1, Oct 28, 2011 2:46 PM
 
Replies
  • kevinklin
    Currently Being Moderated
    1. kevinklin,
    Oct 27, 2011 9:34 AM   in reply to flexchief
    Report

    Please post a simple test case showing your issue. What version of Flex are you on?

     
    |
    Mark as:
  • Flex harUI
    Currently Being Moderated
    2. Flex harUI,
    Oct 27, 2011 10:39 AM   in reply to flexchief
    Report

    In MX List, if you are adding the same String or object instance, it will screw up the selection and highlighting because it uses UIDs to distinguish between items.

     
    |
    Mark as:
  • flexchief
    Currently Being Moderated
    3. flexchief,
    Oct 27, 2011 3:34 PM   in reply to Flex harUI
    Report

    Thanks for the reply but do you know of any sort of workaround for this problem with UIDs?

     
    |
    Mark as:
  • Flex harUI
    Currently Being Moderated
    4. Flex harUI,
    Oct 27, 2011 9:50 PM   in reply to flexchief
    Report

    Use Spark List.  Or generate unique objects.  There isn’t too much utility to having an object occur twice in a dataprovider.

     
    |
    Mark as:
  • drkstr_1
    Currently Being Moderated
    5. drkstr_1,
    Oct 27, 2011 10:07 PM   in reply to flexchief
    Report

    Thanks for the reply but do you know of any sort of workaround for this problem with UIDs?

     

    Assuming your dataProvider is filled with a list of strings:

     

    [Bindable]
public var dataProvider:IList;


private static function getListData(items:IList):ILIst
{
          var source:Array = [];
          for each(var label:String in items)
          {
                    source.push( {label:label} );
          }

          return new ArrayCollection(source);
}


<mx:List dataProvider="{getListData(this.dataProvider)}" />
     
    |
    Mark as:
  • flexchief
    Currently Being Moderated
    6. flexchief,
    Oct 28, 2011 10:05 AM   in reply to drkstr_1
    Report

    Thanks for the helpful suggestions guys...

     

    Unfortunately using Spark List is not an option as i'm still using Flex 3.3 and migrating my project to flex 4 or above is not an option as it is way too large.

     

    The List data contains objects as well as strings so using the getListData method above was also not suitable for me.

     

    In the end i came up with a workaround that meant i did not display a selecion color.

     

    Thanks for all your help.

    Flexchief

     
    |
    Mark as:
  • drkstr_1
    Currently Being Moderated
    7. drkstr_1,
    Oct 28, 2011 2:46 PM   in reply to flexchief
    Report

    That is an easy fix..

     

    private static function getListData(items:IList):ILIst
{
          var source:Array = [];
          for each(var item:Object in items)
          {
                  if(item is String)
                       source.push( {label:item} );
                  else
                        source.push(item);
          }


          return new ArrayCollection(source);
}

     

    But I suppose disabling the selection color all together works too.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points