<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="400" height="300">
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
        
        import PhoneBook.PhoneBookEntryVO;
        
        [Bindable]
        private var entries:ArrayCollection = new ArrayCollection();
        
        public function addPhoneBookEntry( entry:PhoneBookEntryVO ):void
        {
            entries.addItem( entry );
        }
            
        ]]>
    </mx:Script>
    <mx:DataGrid id="roster" dataProvider="{entries}" x="0" y="0" width="100%" height="100%">
        <mx:columns>
            <mx:DataGridColumn headerText="Fist Name" dataField="firstName"/>
            <mx:DataGridColumn headerText="Last Name" dataField="lastName"/>
            <mx:DataGridColumn headerText="Phone Number" dataField="phoneNumber"/>
        </mx:columns>
    </mx:DataGrid>
    
</mx:Canvas>