flex中使用DataGrid显示xml 之二

1，使用了状态2，使用了datagrid的编辑格式，日期格式化，

3，使用datagrid列中包含其他组件的方法

4，使用了xml转换ArrayCollection

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" creationComplete="bookDate.send()"> <mx:states> <mx:State name="nr"> <mx:AddChild position="lastChild"> <mx:Text text="Text" width="571" height="380" id="ns" enabled="false" alpha="0.38"/> </mx:AddChild> <mx:RemoveChild target="{datagrid1}"/> </mx:State> </mx:states> <mx:Script> <![CDATA[ import mx.messaging.channels.StreamingAMFChannel; import mx.controls.dataGridClasses.DataGridColumn; import mx.collections.*; import mx.rpc.events.*; [Bindable] private var bookstock:ArrayCollection; private function bookHandler(evt:ResultEvent):void { bookstock=evt.result.NewDataSet.NewView; test.dataProvider=bookstock; } private function dateformat(dateItem:Object,Time:DataGridColumn):String { return ptime.format(dateItem.Time); }
]]> </mx:Script><mx:HTTPService id="bookDate" url="huiyuan.xml" result="bookHandler(event)" />
<mx:DataGrid width="474" id="test" > </mx:DataGrid>

<mx:DataGrid width="825.5" height="100%" dataProvider="{bookDate.lastResult.NewDataSet.NewView}" enabled="true" id="datagrid1" editable="true"> <mx:columns> <mx:DataGridColumn headerText="序列号" dataField="id" width="100" fontSize="14"/> <mx:DataGridColumn headerText="姓名" dataField="name"/> <mx:DataGridColumn headerText="电话" dataField="phone"/> <mx:DataGridColumn headerText="邮件" dataField="mail"/> <mx:DataGridColumn headerText="时间" dataField="Time" labelFunction="dateformat"/> <mx:DataGridColumn headerText="reviews" itemEditor="vtest" editable="true" > </mx:DataGridColumn> </mx:columns> </mx:DataGrid> <mx:DateFormatter id="ptime" formatString="MM YYYY" />
<mx:Style source="fcss.css"/> </mx:Application>