注意：事實上發現，mx:Repeater控件在數據大的時候性能很差。
但是當換成AdvancedDataGrid發現，鼠標在Grid上移動Flex自動為焦點所在行修改css，為屏蔽該效果，自定義如下控件:
ApmAdvancedDataGrid.as
復制代碼 代碼如下:
package com.nauproject.apm.common.custom
{
import flash.events.MouseEvent;
import mx.controls.AdvancedDataGrid;
import mx.core.mx_internal;
use namespace mx_internal;
public class ApmAdvancedDataGrid extends AdvancedDataGrid
{
public function ApmAdvancedDataGrid()
{
super();
}
override protected function mouseOverHandler(event:MouseEvent):void {
}
override protected function mouseDownHandler(event:MouseEvent):void {
}
}
}
ApmAdvancedDataGridColumn.as
復制代碼 代碼如下:
package com.nauproject.apm.common.custom
{
import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
[DefaultProperty("apmColumn")]
public class ApmAdvancedDataGridColumn extends AdvancedDataGridColumn
{
public function ApmAdvancedDataGridColumn(columnName:String=null)
{
super(columnName);
}
}
}
用法示例：
復制代碼 代碼如下:
<custom:ApmAdvancedDataGrid id="reqResearchSeeds" headerHeight="0"
sortableColumns="false"
selectionMode="multipleCells"
alternatingItemColors="[0xccffcc, 0xfafad2]"
variableRowHeight="true"
designViewDataType="flat"
borderStyle="none"
verticalGridLineColor="#FFFFFF"
themeColor="#FFFFFF"
width="100%"
height="100%">
<custom:columns>
<custom:ApmAdvancedDataGridColumn headerText="Album" dataField="album" width="50"/>
<custom:ApmAdvancedDataGridColumn itemRenderer="com.nauproject.apm.common.custom.LabelTextReqRes"/>
</custom:columns>
</custom:ApmAdvancedDataGrid>
注意：LabelTextReqRes.mxml
復制代碼 代碼如下:
