Toggling headers on the FileSystemDataGrid control in Adobe AIR

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/17/toggling-headers-on-the-filesystemdatagrid-control-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_showHeaders_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="showHeaders:">
                <mx:CheckBox id="checkBox" selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
    <mx:FileSystemDataGrid id="dataGrid"
            showHeaders="{checkBox.selected}"
            width="100%"
            height="100%" />
 
</mx:WindowedApplication>