Flex DataGrid 是 Adobe Flex 中一个重要的组件，用于展示结构化数据。它以表格形式呈现，非常适合用来显示多列数据，并提供了排序、选择、编辑等多种功能。在这个教程中，我们将深入探讨 DataGrid 的基本使用和一些关键特性。
1. 建立 DataGrid
- MXML 方式：在 MXML 文件中，你可以直接通过 `<mx:DataGrid>` 标签创建 DataGrid，设置其位置和大小。例如：
```xml
<mx:DataGrid y="10" width="250" right="10">
</mx:DataGrid>
```
- ActionScript 方式：在 ActionScript 中，你需要创建 DataGrid 类的实例并添加到舞台。例如：
```actionscript
private var DataGrid1:DataGrid;
private function init():void{
DataGrid1 = new DataGrid();
DataGrid1.x = 10;
DataGrid1.y = 30;
DataGrid1.width = 250;
addChild(DataGrid1);
}
```
2. 设置表头
表头定义了 DataGrid 的列和列标题。在 MXML 中，使用 `<mx:columns>` 子标签和 `<mx:DataGridColumn>` 来定义列，比如：
```xml
<mx:DataGrid id="DataGrid2" editable="true" width="300" y="30" right="10">
<mx:columns>
<mx:DataGridColumn headerText="序号" dataField="id"/>
<mx:DataGridColumn headerText="名称" dataField="name"/>
<mx:DataGridColumn headerText="数量" dataField="count"/>
</mx:columns>
</mx:DataGrid>
```
在 ActionScript 中，你需要创建 `DataGridColumn` 实例，并将其添加到 DataGrid 的 `columns` 属性中：
```actionscript
var column1:DataGridColumn = new DataGridColumn();
column1.headerText = "序号";
column1.dataField = "id";
var column2:DataGridColumn = new DataGridColumn();
column2.headerText = "名称";
column2.dataField = "name";
var column3:DataGridColumn = new DataGridColumn();
column3.headerText = "数量";
column3.dataField = "count";
DataGrid1.columns = [column1, column2, column3];
```
3. 数据绑定
DataGrid 的数据源可以通过 MXML 或 ActionScript 绑定到数组集合或 XML 结构。数据字段（dataField）属性对应于数据源中字段的名称。
4. 数据增加/删除/获取
- 增加：你可以通过修改数据源来添加新行。
- 删除：同样，删除行就是从数据源中移除相应的数据项。
- 获取：通过 DataGrid 的 `selectedItem` 或 `selectedItems` 属性可以访问选中的行数据。
5. DataGrid 编辑数据
DataGrid 支持单元格编辑，通过 `editable` 属性启用。你可以使用 `itemEditor` 和 `itemRenderer` 自定义单元格的显示和编辑行为。
6. 拖拽操作
虽然没有在描述中明确提到，但 DataGrid 支持拖放功能，允许用户重新排序列或移动数据项。
通过这些基本操作，你可以创建一个功能丰富的数据展示和交互界面。在实际应用中，还可以结合事件监听、自定义样式和皮肤等高级特性，使得 DataGrid 更加符合项目需求。对于 Flex 开发者来说，掌握 DataGrid 的使用是非常重要的技能。
