Toggling icons on the FileSystemDataGrid control in Adobe AIR

By On December 27, 2008 · Leave a Comment

The following example shows how you can toggle icons in the Adobe AIR FileSystemDataGrid control by setting the showIcons property.

Full code after the jump.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/27/toggling-icons-on-the-filesystemdatagrid-control-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_showIcons_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle">
 
    <mx:ApplicationControlBar dock="true">
        <mx:CheckBox id="checkBox"
                label="showIcons:"
                labelPlacement="left"
                selected="true" />
    </mx:ApplicationControlBar>
 
    <mx:FileSystemDataGrid id="dataGrid"
             showIcons="{checkBox.selected}"
             width="100%"
             height="100%" />
 
</mx:WindowedApplication>

You can also set the showIcons property using ActionScript, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/27/toggling-icons-on-the-filesystemdatagrid-control-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_showIcons_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle">
 
    <mx:Script>
        <![CDATA[
            private function checkBox_change(evt:Event):void {
                dataGrid.showIcons = checkBox.selected;
            }
        ]]>
    </mx:Script>
 
    <mx:ApplicationControlBar dock="true">
        <mx:CheckBox id="checkBox"
                label="showIcons:"
                labelPlacement="left"
                selected="true"
                change="checkBox_change(event);" />
    </mx:ApplicationControlBar>
 
    <mx:FileSystemDataGrid id="dataGrid"
             width="100%"
             height="100%" />
 
</mx:WindowedApplication>