From cb254733ccd691709d8b13f070506ecb4790ef68 Mon Sep 17 00:00:00 2001
From: Dan Buch <daniel.buch@gmail.com>
Date: Fri, 19 Feb 2010 22:59:30 -0500
Subject: [PATCH] adding example for horizontal list control

---
 03d3-lists/HorizontalListControl.mxml | 55 +++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 03d3-lists/HorizontalListControl.mxml

diff --git a/03d3-lists/HorizontalListControl.mxml b/03d3-lists/HorizontalListControl.mxml
new file mode 100644
index 0000000..1edb411
--- /dev/null
+++ b/03d3-lists/HorizontalListControl.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
+    backgroundColor="#FFFFFF"
+    backgroundAlpha="0"
+    horizontalAlign="left"
+    verticalGap="15" horizontalGap="15">
+
+      <mx:Script>
+        <![CDATA[
+            import mx.collections.ArrayCollection;
+            import mx.rpc.events.ResultEvent;
+            import mx.events.ListEvent;
+
+            [Bindable]
+            private var employeeList:ArrayCollection = new ArrayCollection();
+
+            private function requestEmployees():void {
+                employeesService.send();
+            }
+
+            private function resultHandler(event:ResultEvent):void {
+                employeeList = event.result.employees.employee as ArrayCollection;
+
+            }
+
+            //show text message when user selects image
+            private function showMessage(event:Event):void {
+                message.text = "You selected: " +
+                    event.currentTarget.selectedItem.firstName + ' ' +
+                    event.currentTarget.selectedItem.lastName;
+            }
+         ]]>
+    </mx:Script>
+
+
+    <mx:HTTPService
+        id="employeesService"
+        url="http://www.flexmonkeys.com/F3GSE/PartIII/CRUD/employees.xml"
+        result="resultHandler(event)"
+    />
+
+    <mx:Button label="Return Employees"
+        click="requestEmployees()" />
+
+    <mx:HorizontalList id="mylist"
+        labelField="firstName"
+        dataProvider="{employeeList}"
+        columnWidth="100" rowHeight="50"
+        columnCount="5"
+        itemClick="showMessage(event)"/>
+
+    <mx:Text id="message"
+        paddingTop="20" />
+
+</mx:Application>