Flex中的DataGrid

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>