在Flex中的AdvancedDataGrid選定行中顯示邊框顏色

Question

如何在Flex 4.6中的AdvancedDataGrid中顯示所選行的borderColor。您可以看到以下圖像供您參考。

Answer 1

選定行處於AdvancedDataGrid通過專用Sprite實現的，其被用作用於繪圖的畫布。要在選擇標記中創建邊框，您需要根據AdvancedDataGrid創建自定義類並覆蓋受保護的方法drawSelectionIndicator。

下面的例子應該產生一個選擇標記與1px的寬的紅色邊框：

public class GridWithBorderedSelectionMarker extends AdvancedDataGrid { 
    override protected function drawSelectionIndicator(
      indicator:Sprite, x:Number, y:Number, width:Number, 
      height:Number, color:uint, 
      itemRenderer:IListItemRenderer):void { 
     if (isRowSelectionMode()) { 
      width = unscaledWidth - viewMetrics.left - viewMetrics.right; 
     } 
     var borderColor:uint = 0xff0000; 
     var g:Graphics = Sprite(indicator).graphics; 
     g.clear(); 
     g.beginFill(borderColor); 
     g.drawRect(0, 0, width, height); 
     g.beginFill(color); 
     g.drawRect(1, 1, width - 2, height - 2); 
     g.endFill(); 
     indicator.x = x; 
     indicator.y = y; 
    } 
}