Flex Tree 实践

原创
2012/02/12 20:33
阅读数 643

在这里给大家记录下我学习的Flex树 网上准备Flex Tree的数据源大都XML类型,我觉得XML不够ArrayCollection灵活,而且在网上用ArrayCollection作数据源的很少,所以在此记录下来

1.准备树结点类

package util
{
 import mx.collections.ArrayCollection;
 public class Node
 {
  public var id:String
  public var name:String;
  public  var children:ArrayCollection;
  public function Node()
  {
  }

 }
}

这个纯粹是一个类似Java Pojo的类,负载树的结点数据,在这个类中有个属性children ,目前我不知道这是不是Flex 树的内部属性,有了这个children属性,是ArrayCollection类型,这个属性的值是node结点的集合,那么Flex Tree会将其自动识别为子结点,在界面上添加到当前结点下面(这个也太强大了吧)

2.Flex Tree as(这里只写简单代码)

var nodes:ArrayCollection  = new ArrayCollection();  //第一层树结点数据

var nodesChildren:ArrayColleciton = new ArrayCollection; //孩子结点集合

var aNode:Node = null;   //树结点

//先准备需要的子结点数据

aNode = new Node();

aNode.id = "00";

aNode.name = "孩子结点1";

aNode.children = null;   //当前结点如果没有孩子结点那么children设为null,如果有,则赋值为它的孩子集合,Flex Tree递归加载

nodesChildren.addItem(aNode);

aNode = new Node();

aNode.id = "01";

aNode.name = "孩子结点2";

aNode.children = null; 

aNode = new Node();

nodesChildren.addItem(aNode); 

 //孩子结点数据准备完毕

 

//准备父节点数据

aNode.id = "0";

aNode.name = "父结点1";

aNode.children = nodesChildren;  //在这里将父节点的孩子结点数据加进去

nodes.addItem(aNode);

aNode.id = "1";

aNode.name = "父结点2";

aNode.children = null;   //假设父节点2没有孩子结点

nodes.addItem(aNode);

//父节点数据准备完毕

//实例化一棵树

var exampleTree:Tree = new Tree();

exampleTree.dataprovider = nodes; //在这里将第一层树结点数据源绑定到树上

到这里采用集合作为数据源的树就可以显示出来了,界面例子就不贴上了

 

 

 


展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部