在Flex中的AdvancedDataGrid所选行中显示边框颜色

Question

如何在Flex 4.6的AdvancedDataGrid中显示所选行的borderColor。 您可以看到以下图像以供参考。

Answer 1

选定的行在AdvancedDataGrid通过专用Sprite实现，该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;
    }
}