Flex中如何通过headerColors样式设置DataGrid头部颜色的例子

By Minidxer | June 25, 2009

接下来的例子演示了Flex中如何通过headerColors样式，设置DataGrid头部颜色。

让我们先来看一下Demo（可以点击这里察看源代码）：


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="DataGrid_headerColors_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Array id="arr">
  9.         <mx:Object c1="1. One" c2="1. Two" c3="1. Three" />
  10.         <mx:Object c1="2. One" c2="2. Two" c3="2. Three" />
  11.         <mx:Object c1="3. One" c2="3. Two" c3="3. Three" />
  12.         <mx:Object c1="4. One" c2="4. Two" c3="4. Three" />
  13.         <mx:Object c1="5. One" c2="5. Two" c3="5. Three" />
  14.         <mx:Object c1="6. One" c2="6. Two" c3="6. Three" />
  15.         <mx:Object c1="7. One" c2="7. Two" c3="7. Three" />
  16.         <mx:Object c1="8. One" c2="8. Two" c3="8. Three" />
  17.         <mx:Object c1="9. One" c2="9. Two" c3="9. Three" />
  18.     </mx:Array>
  19.  
  20.     <mx:DataGrid id="dataGrid"
  21.             dataProvider="{arr}"
  22.             headerColors="[red, blue]"
  23.             verticalScrollPolicy="on">
  24.         <mx:columns>
  25.             <mx:DataGridColumn dataField="c1" headerText="Column 1" />
  26.             <mx:DataGridColumn dataField="c2" headerText="Column 2" />
  27.             <mx:DataGridColumn dataField="c3" headerText="Column 3" />
  28.         </mx:columns>
  29.     </mx:DataGrid>
  30.  
  31. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: DataGrid | No Comments » | Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll