接下来的例子演示了Flex中如何通过selectionColor和selectionDisabledColor样式,设置DataGrid的行选中与无效时颜色。
让我们先来看一下Demo(
可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
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