1.DataGrid用于显示应用程序数据,在最简单的情况下,DataGrid将数据组织为行列形式呈现给用户;
<s:DataGrid>
<mx:columns>
<mx:DataGridColumnheaderText=""
dataField="" editable=""/>
<mx:DataGridColumn/>
<mx:DataGridColumn/>
</mx:columns>
</s:DataGrid>
其中headerText表示表头的文本,dataField用来将数据集中的列定位到DataGrid中的特定列。如果不设置headerText的特性,将直接获取dataField的特性值
2.为DataGridColumn添加内联的编辑控件;
在DataGrid中,可以将某一列显示的数据指定为可编辑的,当焦点位于单元格时,用户能改变其中的数据。只需要将editable属性设置为true,默认的编辑控件为文本域;
<s:DataGrid>
<mx:columns>
<mx:DataGridColumneditable="true"/>
</mx:columns>
</s:DataGrid>
下面是可以指定的内置控件(必须实现了IDropInListItemRender接口)、使用时需要指定完整的包名、除非已经导入相应的包含页;
Button、CheckBox、ComboBox、DateField、Image、Label、NumericStepper、TextArea、TextInput
例<mx:DataGridColumnheaderText="Quantity"
dataField="quantity" itemEditor="mx.controls.NumericStepper"
editorDataField="value"/》
3.创建内联的MXML项目呈现器
DataGrid的默认行为是将数据集中的每个值都转换为字符串,然后显示该字符串,当涉及存储复杂对象时,可以创建自定义的项目呈现器为该列显示更多信息,当使用项目呈现器时会存在一个隐式的公有变量data,它代表该行本身的数据,当DataGrid创建一个拥有自定义项目呈现器的列时,它会为每一行创建一个单元格呈现器的实例,所以不需要在意到底操作的是呈现器的哪一行;
使用<mx:itemRenderer>标签创建项目呈现器;
<mx:DataGridColumneditable="false">
<mx:itemRenderer>
<fx:Component>
...
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>