今天看看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了~还有要记住用法!
好了,这样就差不多讲完了~我们下次再见吧,对了别忘了自己要运行,要举一反三!!