Flex中如何通过selectionColor和selectionDisabledColor样式设置DataGrid的行选中与无效时颜色的例子
By Minidxer | April 9, 2009
接下来的例子演示了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>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
DataGrid |
No Comments » |
Tags: DataGrid, enabled, selectionColor, selectionDisabledColor