a grand renaming so that the most significant portion of the name comes first

flex-practice/03d1-datagrid/DataGridApp.as

@@ -0,0 +1,61 @@
+package
+{
+    import mx.core.Application;
+
+    import mx.collections.ArrayCollection;
+    import mx.containers.Panel;
+    import mx.controls.Alert;
+    import mx.controls.DataGrid;
+    import mx.controls.Image;
+    import mx.controls.Label;
+    import mx.controls.TextInput;
+    import mx.rpc.events.FaultEvent;
+    import mx.rpc.events.ResultEvent;
+    import mx.rpc.http.HTTPService;
+
+    import RequestParams;
+
+    public class DataGridApp extends Application
+    {
+        [Bindable]
+        public var dataGrid:DataGrid;
+        public var photoFeed:ArrayCollection;
+        public var photoService:HTTPService;
+        public var searchTerms:TextInput;
+        public var vboxImage:Image;
+        public var vboxDesc:Label;
+        public var popup:Panel;
+
+        function DataGridApp()
+        {
+        }
+
+        public function requestPhotos():void {
+            var params:RequestParams = new RequestParams();
+            params.format = 'rss_200_enc';
+            params.tags = searchTerms.text;
+            photoService.send(params);
+        }
+
+        public function photoHandler(event:ResultEvent):void {
+            photoFeed= event.result.rss.channel.item as ArrayCollection;
+            dataGrid.dataProvider = photoFeed;
+            dataGrid.visible = true;
+        }
+
+        public function faultHandler(event:FaultEvent):void{
+            Alert.show(event.fault.faultCode + " , " + event.fault.faultString);
+        }
+
+        public function showPopup(event:Event):void{
+            vboxImage.source = photoFeed.getItemAt(event.currentTarget.selectedIndex).content.url
+            vboxDesc.text = photoFeed.getItemAt(event.currentTarget.selectedIndex).title.getItemAt(0)
+            popup.visible = true;
+        }
+
+        public function hidePopup():void{
+            popup.visible = false;
+            popup.includeInLayout = false;
+        }
+    }
+}

flex-practice/03d1-datagrid/DataGridExample.mxml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<loc:DataGridApp xmlns:mx="http://www.adobe.com/2006/mxml"
+    xmlns:loc="*"
+    backgroundColor="#FFFFFF"
+    backgroundAlpha="0"
+    horizontalAlign="left"
+    verticalGap="15"
+    horizontalGap="15">
+
+    <mx:HTTPService id="photoService"
+        url="http://api.flickr.com/services/feeds/photos_public.gne"
+        result="photoHandler(event)"
+        fault="faultHandler(event)" />
+
+    <mx:HBox>
+        <mx:Label text="Enter Search Terms"/>
+        <mx:TextInput id="searchTerms" enter="requestPhotos()" />
+        <mx:Button label="Search"
+            click="requestPhotos()" />
+    </mx:HBox>
+
+    <mx:HBox>
+        <mx:DataGrid id="dataGrid"
+            visible="false"
+            itemClick="showPopup(event)">
+            <mx:columns>
+                <mx:DataGridColumn  dataField="title" headerText="Title"
+                    width="100" >
+                <mx:itemRenderer>
+                    <mx:Component>
+                        <mx:Label text="{data.title.getItemAt(0)}"
+                            textAlign="center"/>
+                        </mx:Component>
+                    </mx:itemRenderer>
+                </mx:DataGridColumn>
+                <mx:DataGridColumn dataField="credit" headerText="Author"
+                    width="100" />
+                <mx:DataGridColumn dataField="thumbnail" headerText="Photo"
+                    width="100">
+                    <mx:itemRenderer>
+                        <mx:Component>
+                            <mx:Image height="75"
+                                horizontalAlign="center"
+                                source="{data.thumbnail.url}"/>
+                        </mx:Component>
+                    </mx:itemRenderer>
+                </mx:DataGridColumn>
+            </mx:columns>
+        </mx:DataGrid>
+
+        <mx:Panel id="popup"
+            visible="false"
+            click="hidePopup()"
+            paddingLeft="10" paddingTop="10" paddingRight="10"
+            layout="horizontal">
+            <mx:VBox width="325" height="400">
+                <mx:Label id="vboxDesc"/>
+                <mx:Image id="vboxImage"/>
+            </mx:VBox>
+        </mx:Panel>
+    </mx:HBox>
+</loc:DataGridApp>

flex-practice/03d1-datagrid/RequestParams.as

@@ -0,0 +1,8 @@
+package
+{
+    public class RequestParams
+    {
+        public var format:String;
+        public var tags:String;
+    }
+}