Flex 书籍选择

上面是一个flex做的选择，主要学习数据  Model跟DateGrid的用法 哈，源码如下：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" fontSize="12">
 <mx:Model id="books">
  <datas>
  <book>
    <name>Flex</name>
    <author>cju</author>
    <date>2010-01-16</date>
  </book>
  <book>
    <name>Java</name>
    <author>cana</author>
    <date>2010-01-17</date>
  </book>
  <book>
    <name>Jsp</name>
    <author>cju</author>
    <date>2010-01-16</date>
  </book>
  <book>
    <name>SSH</name>
    <author>cju</author>
    <date>2009-11-16</date>
  </book>
  </datas>
 </mx:Model>
 <mx:Label width="500" color="#004080" text="选择要买的书"/>
 <mx:DataGrid id="book_DG" width="500" height="156" rowCount="5" dataProvider="{books.book}">
  <mx:columns>
   <mx:DataGridColumn dataField="name" headerText="书名"/>
   <mx:DataGridColumn dataField="author" headerText="作者"/>
   <mx:DataGridColumn dataField="date" headerText="时间"/>
  </mx:columns>
 </mx:DataGrid>
 
 <mx:Canvas height="150" width="500" backgroundColor="#ffffff">
  <mx:Label text="书名:{book_DG.selectedItem.name}"/>
  <mx:Label text="书名:{book_DG.selectedItem.author}" y="44"/>
  <mx:Label text="书名:{book_DG.selectedItem.date}" y="90"/>
&