Flex4.5DataGrid表格组件运用

今天看看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:Declarations>
 <s:DataGrid x="253" y="98" width="320" dataProvider="{arr}" requestedRowCount="5">
 <fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   [Bindable]
   private var arr:ArrayCollection = new ArrayCollection([
    {nick:"由乃",age:16,sex:"女",from:"未来日记",like:"黑化"},
    {nick:"平泽唯",age:18,sex:"女",from:"轻音少女",like:"天然呆"},
    {nick:"祈",age:16,sex:"女",from:"罪恶王冠",like:"未知"},
    {nick:"面码",age:6,sex:"女",from:"未闻花名",like:"天然萌"},
    {nick:"大河",age:18,sex:"女",from:"龙与虎",like:"傲娇"}]);
  ]]>
 </fx:Script>
  <s:columns>
   <s:ArrayList>
    <s:GridColumn dataField="nick" headerText="昵称"/>
    <s:GridColumn dataField="age" headerText="年龄"/>
    <s:GridColumn dataField="sex" headerText="性别"/>
    <s:GridColumn dataField="from" headerText="出自"/>
    <s:GridColumn dataField="like" headerText="属性"/>
   </s:ArrayList>
  </s:columns>
 </s:DataGrid>
 
</s:Application>
先上结果图，我都有点怕了，csdn老抽。

 

有人会问，你是不是萝莉控啊！！我可以严肃的告诉你！我确实有点！但是是二次元，三次元俺是个好男人的~

 其实代码有点晕的话，有运行结果图一一对应就不蒙了。

<s:DataGrid x="253" y="98" width="320" dataProvider="{arr}" requestedRowCount="5">
前面的 坐标以及宽度我就不说了，dataProvideder 绑定，我们看它等于{arr}，这个就是我们上面定义的ArrayCollection数组的名字，也就是说，把数组里的数据绑定到表格里面去，运行结果可以看出，确实进去了~

requestedRowCount="5" 定义行数，这个多了不好看，少了显示不全，自己把握哦~

再看上面的部分，第一部分就似乎定义数组，要看好定义的格式，先（再[再{，这个顺序要记住！

 <s:columns> 其实这里面的就是给每个行头起名字了。 官方的说明很死板，就记住是表头名字就ok了~还有要记住用法！
好了，这样就差不多讲完了~我们下次再见吧，对了别忘了自己要运行，要举一反三！！