Can't update display list

Question

Hallo, i need a little help. I have a list and i need to set the actual selection to null... I think the way is
this.myList.selectedIndex = -1;
or
this.myList.selectedItem = null;
Right??.. But the display doesn't update cause i still see that element selected. I tried with invalidateDisplayList but it doesn't work.
Thx
Max

Answer 1

extension of the adobe list example
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Spark List component -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script>
        <![CDATA[
            import spark.events.IndexChangeEvent;
            //this function is called when the selection is going to change
            private function selectionChangingHandler(evt:IndexChangeEvent):void {
                var item:* = list.dataProvider.getItemAt(evt.newIndex);
                if (item.type != "employee") {
                    evt.preventDefault();
            private function resetList():void
                list.selectedIndex = -1;
        ]]>
    </fx:Script>
    <s:Panel title="Spark List Component Example"
             width="75%" height="75%"
             horizontalCenter="0" verticalCenter="0">
        <s:VGroup left="20" right="20" top="20" bottom="20">
            <s:Label width="330"
                     text="Select a name to see employee's phone number. You should not be able to select the first name."/>
            <s:List id="list" changing="selectionChangingHandler(event);">
                <!-- itemRenderer is inline in this sample -->
                <s:itemRenderer>
                    <fx:Component>
                        <s:ItemRenderer>
                            <s:states>
                                <s:State name="normal" />
                                <s:State name="hovered" />
                                <s:State name="selected" />
                            </s:states>
                            <s:Rect left="0" right="0" top="0" bottom="0">
                                <s:fill>
                                    <s:SolidColor color="0x999999" alpha="0" alpha.hovered="0.2"
                                                  alpha.selected="0.6" />
                                </s:fill>
                            </s:Rect>
                            <s:Label id="nameLabel" text="{data.lastName}, {data.firstName}" top="5" left="5" right="5" />
                            <s:Label y="20" id="phoneLabel" text="{data.phone}" includeIn="selected" top="25" bottom="5" left="5" right="5" />
                        </s:ItemRenderer>
                    </fx:Component>
                </s:itemRenderer>
                <s:dataProvider>
                    <s:ArrayList>
                        <fx:Object type="hr" firstName="Ann"  lastName="Green"  />
                        <fx:Object type="employee" firstName="Tom"  lastName="Smith" phone="415-155-1212" />
                        <fx:Object type="employee" firstName="John" lastName="Black" phone="408-344-1234" />
                        <fx:Object type="employee" firstName="Jane" lastName="White" phone="415-235-7878" />
                        <fx:Object type="employee" firstName="Bill" lastName="Jones" phone="415-875-7800" />
                    </s:ArrayList>
                </s:dataProvider>
            </s:List>
            <s:Button label="reset" click="resetList()"/>
        </s:VGroup>
    </s:Panel>
</s:Application>