Flex：为什么 DataGroup ItemRenderer 的 mouseOut 会导致状态更改？

Question

当我将鼠标移出 itemRenderer 时，我发现 Flex 4 中的 DataGroup 中的 itemRenderer 有一个非常烦人的问题，该问题返回到其默认状态。下面是一个示例：

<s:Application 
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:BorderContainer>
            <s:DataGroup>
                <s:layout>
                    <s:VerticalLayout gap="1"/>
                </s:layout>

                <s:dataProvider>
                    <s:ArrayCollection>
                        <fx:Object title="One" />
                        <fx:Object title="Two" />
                        <fx:Object title="Three" />
                    </s:ArrayCollection>
                </s:dataProvider>

                <s:itemRenderer>
                    <fx:Component>
                        <s:ItemRenderer>
                            <s:states>
                                <s:State name="expanded" />
                                <s:State name="collapsed" />
                            </s:states>

                            <fx:Script>
                                <![CDATA[
                                    private function expandCollapse():void
                                    {
                                        currentState = (currentState == "collapsed") ? "expanded" : "collapsed";
                                    } 
                                ]]>
                            </fx:Script>
                            <s:VGroup>
                                <mx:Button click="expandCollapse();" label="Click me to hide the number" />
                                <s:SkinnableContainer>
                                    <s:VGroup height="0" height.expanded="NaN">
                                            <s:Label text="{data.title}" />
                                    </s:VGroup>
                                </s:SkinnableContainer>
                            </s:VGroup>
                        </s:ItemRenderer>
                    </fx:Component>
                </s:itemRenderer>
            </s:DataGroup>
    </s:BorderContainer>    
</s:Application>

当用户单击按钮时，VGroup 按预期折叠，但如果用户将鼠标移出项目渲染器，VGroup 就会折叠，即返回到其默认状态。

这是一个错误还是我在这里遗漏了一些东西？

干杯，

克里斯

Answer 1

事实证明，ItemRenderer 已经拥有了一些自己的状态。如果我们使用 DataRenderer 而不是 ItemRenderer，此示例将按预期工作。