Flex中如何通过selectionColor和selectionDisabledColor样式设置DataGrid的行选中与无效时颜色的例子

让我们先来看一下Demo（

）：

下面是完整代码(或点击这里察看)：

Download: main.mxml<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Array id="arr"> 
        <mx:Object c1="Item 1A" c2="Item 1B" /> 
        <mx:Object c1="Item 2A" c2="Item 2B" /> 
        <mx:Object c1="Item 3A" c2="Item 3B" /> 
        <mx:Object c1="Item 4A" c2="Item 4B" /> 
        <mx:Object c1="Item 5A" c2="Item 5B" /> 
        <mx:Object c1="Item 6A" c2="Item 6B" /> 
        <mx:Object c1="Item 7A" c2="Item 7B" /> 
        <mx:Object c1="Item 8A" c2="Item 8B" /> 
        <mx:Object c1="Item 9A" c2="Item 9B" /> 
    </mx:Array> 
  
    <mx:ApplicationControlBar dock="true"> 
        <mx:CheckBox id="checkBox" 
                label="enabled:" 
                labelPlacement="left" 
                selected="true" /> 
    </mx:ApplicationControlBar> 
  
    <mx:DataGrid id="dataGrid" 
            dataProvider="{arr}" 
            selectionColor="haloGreen" 
            selectionDisabledColor="haloSilver" 
            enabled="{checkBox.selected}" 
            allowMultipleSelection="true" 
            selectedIndex="3" 
            width="300" 
            rowCount="8"> 
        <mx:columns> 
            <mx:DataGridColumn dataField="c1" 
                    headerText="Column 1:" /> 
            <mx:DataGridColumn dataField="c2" 
                    headerText="Column 2:" /> 
        </mx:columns> 
    </mx:DataGrid> 
  
</mx:Application>

 

本文转自:http://blog.minidx.com/2009/04/09/2358.html