Flex Panel Source Code Sample

Flex Panels and Windows Sample Source Code:
Create a file:
PenelDemo.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="srv.send()"> <mx:Script> import mx.collections.ArrayCollection; [Bindable] public var employees:ArrayCollection; </mx:Script> <mx:HTTPService id="srv" url="../assets/employees.xml" useProxy="false" result="employees = new ArrayCollection(srv.lastResult.list.employee)"/> <mx:Panel title="Employee List" width="100%" height="100%"> <mx:DataGrid id="dg" width="100%" height="100%" dataProvider="{employees}"> <mx:columns> <mx:Array> <mx:DataGridColumn dataField="name" headerText="Name"/> <mx:DataGridColumn dataField="phone" headerText="Phone"/> <mx:DataGridColumn dataField="email" headerText="Email"/> </mx:Array> </mx:columns> </mx:DataGrid> </mx:Panel> </mx:Application>

employees.xml

<?xml version="1.0" encoding="utf-8"?> <list> <employee> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>ccoenraets@fictitious.com</email> <active>true</active> </employee> <employee> <name>Louis Freligh</name> <phone>555-219-2100</phone> <email>lfreligh@fictitious.com</email> <active>true</active> </employee> <employee> <name>Ronnie Hodgman</name> <phone>555-219-2030</phone> <email>rhodgman@fictitious.com</email> <active>false</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> </list>