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>
{ 0 comments… add one now }