3

mx:Tree をクラス Parent のオブジェクトにバインドしています。親には子の ArrayCollection があります。空のノードを展開していくつかの子を追加すると、このノードを折りたたんで展開するまで更新されません。ノードにすでに子がある場合、すべて問題なく、新しいノードがすぐに表示されます。どうすれば修正できますか？

    <?xml version="1.0" encoding="utf-8"?>
    <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                           xmlns:s="library://ns.adobe.com/flex/spark"
                           xmlns:mx="library://ns.adobe.com/flex/mx">

        <fx:Script>
            <![CDATA[
    import mx.collections.ArrayCollection;
                [Bindable]
                public var selectedNode:Parent;

                [Bindable]
                public var treeData:ArrayCollection = new ArrayCollection();

                public function treeChanged(evt:Event):void {
                    selectedNode = Tree(evt.target).selectedItem as Parent;
                }

                public function btnClick():void 
                {
                    if (selectedNode)
                    {
                        (selectedNode as Parent).children.addItem(new Parent());
                    }
                    else 
                    {
                        treeData.addItem(new Parent());
                    }

                }
            ]]>
        </fx:Script>


        <s:Panel title="Halo Tree Control Example"
                width="75%" height="75%"
                horizontalCenter="0" verticalCenter="0">
            <s:VGroup left="10" right="10" top="10" bottom="10">
                <mx:Button click="{btnClick()}" label="Add"></mx:Button>

                <mx:HDividedBox width="100%" height="100%">
                    <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"
                            showRoot="false" dataProvider="{treeData}" change="treeChanged(event);"/>
                    <s:TextArea height="100%" width="50%"
                            text="Selected Item: {selectedNode}"/>
                </mx:HDividedBox>
            </s:VGroup>

        </s:Panel>
    </s:WindowedApplication>

親クラス:

    package  
    {
        import mx.collections.ArrayCollection;
        public class Parent 
        {
            private var _children:ArrayCollection = new ArrayCollection();

            public function Parent() 
            {

            }

            [Bindable]
            public function get children():ArrayCollection 
            {
                return _children;
            }

            public function set children(value:ArrayCollection):void 
            {
                _children = value;
            }
        }
    }
4

1 に答える 1

3

invalidateList()のメソッドを使用しTreeて、次のライフ サイクル更新時にツリー自体を更新するように指示できます。

public function btnClick():void 
{
    if (selectedNode)
    {
        (selectedNode as Parent).children.addItem(new Parent());
        myTree.invalidateList();
    }
    else 
    {
        treeData.addItem(new Parent());
    }
}
于 2013-06-24T16:11:21.023 に答える