DataGrid描述:DataGrid 控件与 List 控件相似,但它可以显示多个数据列,这使其适合显示具有多个属性的对象。
DataGrid 控件提供以下功能:
- 列可以具有不同宽度或同一固定宽度
- 用户可以在运行时调整其尺寸的列
- 用户可以在运行时对其重新排序的列
- 可选择自定义列标题
- 对任意列使用自定义项目渲染器以显示除文本之外的数据的功能
- 支持通过单击列对数据进行排序
1。绑定数据源:
<mx:DataGrid dataProvider="{generalList}" columns="{[dataGridColumn_1(), dataGridColumn_2()]}"/>
-->generalList可以是Array、ArrayCollection,只要它存在能显示出来的属性值,
如generalList=new Array();
obj=new Object();
obj.name="XX";
obj.info="...";
generalList.push(obj);
-->dataGridColumn_1()用于设置列显示的属性值:
public function dataGridColumn_1():DataGridColumn
{
var value:DataGridColumn = new DataGridColumn();
value.dataField = "name";
return value;
}
2。horizontalGridLines与horizontalGridLineColor应用:
-->horizontalGridLines:一个标志,指示是否显示行之间的水平网格线;
-->horizontalGridLineColor:水平网格线的颜色;
<mx:DataGrid dataProvider="{generalList}" columns="{[dataGridColumn_1(), dataGridColumn_2()]}"
horizontalGridLines="true" horizontalGridLineColor="0xf33e07"/>
3。双击行事件:
<mx:DataGrid dataProvider="{generalList}" columns="{[dataGridColumn_1(), dataGridColumn_2()]}"
doubleClickEnabled="true" doubleClick="onDoubleClick(event)"/>
4。