Toggling icons on the FileSystemDataGrid control in Adobe AIR
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>
