The following example shows how you can toggle whether the Flex FileSystemDataGrid control in Adobe AIR shows file sizes in bytes or kilobytes by setting the sizeDisplayMode property to one of the static constants in the mx.controls.FileSystemSizeDisplayMode class.

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2010/03/10/setting-the-file-size-display-mode-in-the-flex-filesystemdatagrid-control-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_sizeDisplayMode_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        width="600" minHeight="400">
 
    <mx:ApplicationControlBar dock="true">
        <mx:Label text="sizeDisplayMode:" />
        <mx:ComboBox id="cBox" dataProvider="[kilobytes,bytes]" />
    </mx:ApplicationControlBar> 
 
    <mx:FileSystemDataGrid id="fsdg"
            sizeDisplayMode="{cBox.selectedItem}"
            directory="{File.userDirectory}"
            horizontalScrollPolicy="off"
            width="100%" height="100%" /> 
 
</mx:WindowedApplication>

Or you can set the sizeDisplayMode property using ActionScript, as seen in the following example:

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2010/03/10/setting-the-file-size-display-mode-in-the-flex-filesystemdatagrid-control-in-adobe-air/ -->
<mx:WindowedApplication name="FileSystemDataGrid_sizeDisplayMode_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        width="600" minHeight="400">
    <mx:Script>
        <![CDATA[
            import mx.events.ListEvent;
 
            protected function cBox_changeHandler(evt:ListEvent):void {
                fsdg.sizeDisplayMode = cBox.selectedItem.toString();
            }
        ]]>
    </mx:Script>
 
    <mx:ApplicationControlBar dock="true">
        <mx:Label text="sizeDisplayMode:" />
        <mx:ComboBox id="cBox"
                dataProvider="[kilobytes,bytes]"
                change="cBox_changeHandler(event);"/>
    </mx:ApplicationControlBar> 
 
    <mx:FileSystemDataGrid id="fsdg"
            directory="{File.userDirectory}"
            horizontalScrollPolicy="off"
            width="100%" height="100%" /> 
 
</mx:WindowedApplication>

One Response to Setting the file size display mode in the Flex FileSystemDataGrid control in Adobe AIR

  1. thasan says:

    Hi everybody,

    I am working on flex air application with drag and drop felicities. Here i could not drop the mp3 files from air application to my desktop. I want fill mp3 files from remote server to air application through HTTP service. Is there is any possibilities available for this?. If one you all can know about this i would be happy.

    Thanks,
    Thasan.

Leave a Reply