I am trying to learn how to use an mx:Tree but I cannot get the tree to load using an XMLListCollection. I can get an XML var loaded but I am not sure I am converting it to the XMLListCollection properly as the list does not show anything.What am I doing wrong?Here is my whole project...\[code\]<?xml version="1.0" encoding="utf-8"?><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" minWidth="955" minHeight="600" creationComplete="initApp()"><fx
eclarations> <!-- Place non-visual elements (e.g., services, value objects) here --> <mx:HTTPService id="loadTreeMenu" method="POST" url="http://192.168.1.100/treeMenu.xml" makeObjectsBindable="true" result="loadTreeMenuSuccess(event)" fault="httpServiceFaultHandler(event)" showBusyCursor="true" resultFormat="e4x"> </mx:HTTPService></fxeclarations><fx:Script> <![CDATA[ import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; import mx.collections.XMLListCollection; [Bindable] private var treeMenu:XMLListCollection = new XMLListCollection(); private function initApp() : void { loadTreeMenu.send(); } private function loadTreeMenuSuccess(event:ResultEvent):void { var _treeXML:XML = XML(event.result); treeMenu = new XMLListCollection(_treeXML.details); } private function httpServiceFaultHandler(event:FaultEvent) : void { } ]]></fx:Script><mx:Tree id="MenuTree" x="10" y="10" width="173" height="580" dataProvider="{treeMenu}"></mx:Tree></s:Application>\[/code\]The xml file on the server looks like this...\[code\]<?xml version="1.0" encoding="utf-8"?><myTree> <node label="Root"> <node label="Folder a"> <node label="item 1 a"/> </node> <node label="Folder b"> <node label="item 1 b"/> <node label="item 2 b"/> </node> <node label="Folder c"> <node label="item 1 c"/> <node label="item 2 c"/> </node> <node label="Folder d"> <node label="item 1 d"/> <node label="item 2 d"/> </node> </node></myTree>\[/code\]
eclarations> <!-- Place non-visual elements (e.g., services, value objects) here --> <mx:HTTPService id="loadTreeMenu" method="POST" url="http://192.168.1.100/treeMenu.xml" makeObjectsBindable="true" result="loadTreeMenuSuccess(event)" fault="httpServiceFaultHandler(event)" showBusyCursor="true" resultFormat="e4x"> </mx:HTTPService></fxeclarations><fx:Script> <![CDATA[ import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; import mx.collections.XMLListCollection; [Bindable] private var treeMenu:XMLListCollection = new XMLListCollection(); private function initApp() : void { loadTreeMenu.send(); } private function loadTreeMenuSuccess(event:ResultEvent):void { var _treeXML:XML = XML(event.result); treeMenu = new XMLListCollection(_treeXML.details); } private function httpServiceFaultHandler(event:FaultEvent) : void { } ]]></fx:Script><mx:Tree id="MenuTree" x="10" y="10" width="173" height="580" dataProvider="{treeMenu}"></mx:Tree></s:Application>\[/code\]The xml file on the server looks like this...\[code\]<?xml version="1.0" encoding="utf-8"?><myTree> <node label="Root"> <node label="Folder a"> <node label="item 1 a"/> </node> <node label="Folder b"> <node label="item 1 b"/> <node label="item 2 b"/> </node> <node label="Folder c"> <node label="item 1 c"/> <node label="item 2 c"/> </node> <node label="Folder d"> <node label="item 1 d"/> <node label="item 2 d"/> </node> </node></myTree>\[/code\]