一个延迟加载Tree数据的例子 .

在有树型结构的应用中，很多时候这棵树的级树和数据量比较大，如果一次加载并生成整颗树时，往往并不可行，于是需要建立一棵延迟加载树，下面就是这样的一个例子，其中的代码我作了命名和注释的修改，原代码是以前摘自别的作者的。

1.<?xml version="1.0" encoding="utf-8"?>

2.<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

3. creationComplete="initTreeData()">

4. <mx:Script>

5. <![CDATA[

6.

7. import mx.events.TreeEvent;

8. import mx.collections.ArrayCollection;

9.

10.

11. [Bindable]

12. private var acSiteTreeList:ArrayCollection;

13.

14. private function initTreeData():void {

15. var obj:Object;

16. acSiteTreeList = new ArrayCollection ();

17. for(var i:int = 0; i <3; i++) {

18. obj= new Object();

19. obj["type"] = "folder";

20. obj["children"] = new ArrayCollection();

21. //fetch is a property in the dataprovider to check if I have fetched the child nodes previously

22. //使用fetch来作是否生成下一级节点的依据

23. obj["fetch"] = false;

24. obj["label"] = "folder_" + i.toString();

25. acSiteTreeList.addItem(obj);

26. }

27. }

28.

29. private function setView(event:TreeEvent):void {

30. if(event.item.type == "folder" && event.item.fetch == false) {

31.

32.

33. var obj:Object;

34. var item:Object;

35. var children:ArrayCollection;

36. for(var i:int = 0; i <acSiteTreeList.length; i++) {

37. obj= new Object();

38. obj["type"] = "node";

39. //如果当前节点有子节点的话，需要建立一个children的属性，这样会建立无穷级树

40. //obj["children"] = new ArrayCollection();

41. obj["fetch"] = false;

42. obj["label"] = "node_" + i.toString();

43. item = event.item;

44. children = item.children;

45. item.fetch = true;

46. children.addItem(obj);

47. acSiteTreeList.itemUpdated(item);

48. }

49. }

50. }

51. ]]>

52. </mx:Script>

53. <mx:Canvas width="100%" height="100%">

54. <mx:Tree id="treeSiteList" dataProvider="{acSiteTreeList}" x="204" y="10" height="582" width="394" itemOpen="setView(event)"></mx:Tree>

55. </mx:Canvas>

56.</mx:Application>