在flex列表中的标签上添加颜色

Question

I am confused on how to get this.. so i have a user list when someone joins it adds them to a List (their username) i have a way to find out if they are admin or not i just need to know how i can change the color of each user in that list... this is an example....

If list supported html this would work fine

onlineUsers.addItem({label:"<font color='$ffffff'>users[i].userName+"_GUEST</font>",id:users[i].userID,guest:"True"});
userList.dataProvider = onlineUsers

But list do not support html, anyone know a work around with this?

Answer 1

Generically, your answer is to use an itemRenderer.

All a list class does is display other components (renderers) and send those components data from the dataProvider to display. Really, you mean the default itemRenderer doesn't support HTML. Technically you could make an itemRenderer that would support HTML to give you the color change you need; but I'd take a different.

Add a property to the user object that specifeis whether they are an admin user or not. Then iF the user is an admin user; then; change the color. Conceptually like this:

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:mx="library://ns.adobe.com/flex/mx" 
    xmlns:s="library://ns.adobe.com/flex/spark"
    autoDrawBackground="false" dataChange="onDataChange()">

    <fx:Script>
        <![CDATA[
            public function onDataChange():void{
               labelDisplay.text = data.userName + "_Guest";
               if(data.isAdmin){
                 labelDisplay.setStyle('color',0xff0000);
               } else {
                 labelDisplay.setStyle('color',0x00FF00);
               }
            }
        ]]>
    </fx:Script>

    <s:Label id="labelDisplay" 
        /> 
</s:ItemRenderer>