Flex Tree使用ArrayCollection作数据源

原链接见Flex Tree 实践。该文章使Tree使用ArrayCollection作数据源，结合JSON与后台j2ee交互，可以大幅减少数据长度。该文章还算不错，但代码有错误。经过改正，代码如下：
1，Node类文件
package
{
    import mx.collections.ArrayCollection;
    public class Node
    {
        public var id:String
        public var name:String;
        public  var children:ArrayCollection;
        public function Node()
        {
        }
    }
}
2，测试代码：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application creationComplete="init()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Tree x="29" y="48" width="339" height="205" id="exampleTree"></mx:Tree>
<mx:Script>
    <![CDATA[
    import mx.collections.ArrayCollection;
   
    var nodes:ArrayCollection  = new ArrayCollection();  //第一层树结点数据
    var nodesChildren:ArrayCollection = new ArrayCollection(); //孩子结点集合
    var aNode:Node = null;   //树结点

    function init():void{
    //先准备需要的子结点数据
    var aNode1:Node = new Node();
    aNode1.id = "00";
    aNode1.name = "孩子结点1";
    aNode1.children = null;   //当前结点如果没有孩子结点那么children设为null,如果有，则赋值为它的孩子集合，Flex Tree递归加载
    nodesChildren.addItem(aNode1);
   
    var aNode2:Node = new Node();
    aNode2.id = "01";
    aNode2.name = "孩子结点2";
    aNode2.children = null;
   
    aNode = new Node();
    nodesChildren.addItem(aNode2);
     //孩子结点数据准备完毕
   
    //准备父节点数据
    aNode.id = "0";
    aNode.name = "父结点1";
    aNode.children = nodesChildren;  //在这里将父节点的孩子结点数据加进去
    nodes.addItem(aNode);
   
    aNode = new Node();
    aNode.id = "1";
    aNode.name = "父结点2";
    aNode.children = null;   //假设父节点2没有孩子结点
    nodes.addItem(aNode);
   
    //父节点数据准备完毕
   
    //实例化一棵树
    //var exampleTree:Tree = new Tree();
    exampleTree.dataProvider=nodes;   
    exampleTree.labelField="name"; //指定显示字段
    }
    ]]>
</mx:Script>
       
</mx:Application>

3，结果：

使用xml做数据源的优点是可读性好、层次清楚，但是xml的数据表示效率太低。所以我认为大量的交互还是json比较好。