Flex:为什么DataGroup ItemRenderer的mouseOut会导致状态更改?

时间:2010-10-21 00:47:06

标签: flex flex4

我在flex4中的DataGroup中发现了一个非常烦人的问题,当我将itemRenderer的mouseout返回到其默认状态时。这是一个例子:

<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按预期折叠,但如果用户将鼠标移出项目渲染器,则它会折叠,即返回其默认状态。

这是一个错误还是我错过了什么?

干杯,

克里斯

1 个答案:

答案 0 :(得分:2)

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