Toggling a Flex DataGrid control’s header row
The following example shows you how to toggle the header row in a Flex DataGrid control using the showHeaders
property.
<?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 country="USA"
gold="35"
silver="39"
bronze="29" />
<mx:Object country="China"
gold="32"
silver="17"
bronze="14" />
<mx:Object country="Russia"
gold="27"
silver="27"
bronze="38" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:CheckBox id="checkBox"
label="showHeaders"
selected="true" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
dataProvider="{arr}"
showHeaders="{checkBox.selected}">
<mx:columns>
<mx:DataGridColumn dataField="country" />
<mx:DataGridColumn dataField="gold" />
<mx:DataGridColumn dataField="silver" />
<mx:DataGridColumn dataField="bronze" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
10:31 AM
|
Labels:
Flex Controls Samples,
Flex DataGrid Samples
|
This entry was posted on 10:31 AM
and is filed under
Flex Controls Samples
,
Flex DataGrid Samples
.
You can follow any responses to this entry through
the RSS 2.0 feed.
You can leave a response,
or trackback from your own site.
0 comments:
Post a Comment