Flex 书籍选择

最新推荐文章于 2023-07-30 10:59:06 发布

cjucju

最新推荐文章于 2023-07-30 10:59:06 发布

阅读量313

点赞数 1

分类专栏： flex 文章标签： flex date application datagrid encoding books

本文链接：https://blog.csdn.net/cjucju/article/details/5467946

版权

flex 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

上面是一个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"/>
</mx:Canvas>

</mx:Application>