mx:list mx:dataGrid 实例

<?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"> <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> <fx:XMLList id="emp"> <employee> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>ccoenraets@fictitious.com</email> <active>true</active> </employee> <employee> <name>Joanne Wall</name> <phone>555-219-2012</phone> <email>jwall@fictitious.com</email> <active>true</active> </employee> <employee> <name>Maurice Smith</name> <phone>555-219-2012</phone> <email>maurice@fictitious.com</email> <active>false</active> </employee> <employee> <name>Mary Jones</name> <phone>555-219-2000</phone> <email>mjones@fictitious.com</email> <active>true</active> </employee> </fx:XMLList> </fx:Declarations> <mx:DataGrid id="dg" dataProvider="{emp}" x="27" y="10"> <mx:columns> <mx:DataGridColumn dataField="name" headerText="name"/> <mx:DataGridColumn dataField="phone" headerText="phone"/> <mx:DataGridColumn dataField="email" headerText="email"/> <mx:DataGridColumn dataField="active" headerText="active"/> </mx:columns> </mx:DataGrid> <mx:Form x="27" y="160"> <mx:FormItem name="name"> <mx:Label text="{dg.selectedItem.name"/> </mx:FormItem> <mx:FormItem name="email"> <mx:Label text="{dg.selectedItem.email}"/> </mx:FormItem> <mx:FormItem name="phone"> <mx:Label text="{dg.selectedItem.phone}"/> </mx:FormItem> </mx:Form> </s:Application>