| <?xml version="1.0" encoding="utf-8"?> |
| <!-- |
| |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" |
| xmlns:s="library://ns.adobe.com/flex/spark" |
| xmlns:mx="library://ns.adobe.com/flex/mx" |
| minWidth="955" minHeight="850" |
| creationComplete="employeeService.send()"> |
| |
| <!-- Exercise 2.02: Using the event object --> |
| |
| <!-- Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> |
| |
| <fx:Style source="Styles.css"/> |
| |
| <!-- Script ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> |
| |
| <fx:Script> |
| <![CDATA[ |
| |
| // import statements ---------------------------------------- |
| |
| import mx.controls.Alert; |
| |
| // variable declarations ------------------------------------ |
| |
| |
| // getter/setters ------------------------------------------- |
| |
| |
| // helper methods ------------------------------------------- |
| |
| |
| // event handlers ------------------------------------------- |
| //The dateChangeHandler() function is the event handler for the two DateChooser instances. |
| private function dateChangeHandler():void |
| { |
| Alert.show('You have selected ' + pickupDate.selectedDate.toDateString()); |
| } |
| |
| ]]> |
| </fx:Script> |
| |
| <!-- Declarations ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> |
| |
| <fx:Declarations> |
| |
| <s:HTTPService id="employeeService" |
| url="http://adobetes.com/f45iaw100/remoteData/employees.xml"/> |
| |
| </fx:Declarations> |
| |
| <!-- UI components ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ --> |
| |
| <s:Label x="10" y="34" |
| width="690" height="40" |
| text="Employee Portal: Vehicle Request Form" |
| styleName="titleHeader"/> |
| |
| <s:Form x="10" y="70"> |
| |
| <s:FormItem label="Employee:"> |
| <s:DropDownList id="dropDownList" |
| dataProvider="{employeeService.lastResult.employees.employee}" |
| labelField="lastName"/> |
| </s:FormItem> |
| |
| <s:FormItem label="Office Phone:"> |
| <s:TextInput id="phone" |
| text="{dropDownList.selectedItem.phone}"/> |
| </s:FormItem> |
| |
| <s:FormItem label="Mobile Phone:"> |
| <s:TextInput id="mobilePhone"/> |
| </s:FormItem> |
| |
| <s:FormHeading label="Dates Requested"/> |
| |
| <!--The two DateChooser instances call the dateChangeHandler() function when the change event is dispatched.--> |
| |
| <s:FormItem label="Pickup Date:"> |
| <mx:DateChooser id="pickupDate" |
| change="dateChangeHandler()"/> |
| </s:FormItem> |
| |
| <s:FormItem label="Return Date:"> |
| <mx:DateChooser id="returnDate" |
| change="dateChangeHandler()"/> |
| </s:FormItem> |
| |
| <s:FormItem> |
| <s:Button id="submitButton" |
| label="Submit Request"/> |
| </s:FormItem> |
| |
| </s:Form> |
| |
| </s:Application> |