v3_03 사용자 정의 구성 요소에서 값 대상 보내기

v3_03 Dispatching a value object from the custom component 사용자 정의 구성 요소에서 값 객체 보내기
 
ex3_03
이 부분은 주요하게form을 메인 응용 프로그램에 어떻게 제출하는지 설명하였는데, 사실 주요 내용은 앞에서 이미 설명하였다.
여기는 주로 이전 내부에 대한 직렬연결이다
 
이 부분의 시작은 MVC 그 예입니다.
1. 우선 제출 매개 변수를 요청하는 대상을 만든다

package valueObjects
{
public class VehicleRequest
{
public var id:String;
public var mobilePhone:String;
public var phone:String;
public var pickupDate:String;
public var returnDate:String;
public function VehicleRequest()
{
}
}
} 

  
2. 제출 단추에서 이벤트를 처리하고 new 제출 대상

protected function submitButton_clickHandler(event:MouseEvent):void
{
var vehicleRequestData:VehicleRequest = new VehicleRequest();
vehicleRequestData.id = dropDownList.selectedItem.id;
vehicleRequestData.phone = phone.text;
vehicleRequestData.mobilePhone = mobilePhone.text;
vehicleRequestData.pickupDate = pickupDate.selectedDate.toDateString();
vehicleRequestData.returnDate = returnDate.selectedDate.toDateString(); 


} 
 

 
3. Event 클래스를 확장하여 운영 애플리케이션으로 데이터 전송
절차는 이전의 예와 같다
확장 이벤트 클래스

package events
{
import flash.events.Event;

import valueObjects.VehicleRequest;

public class VehicleRequestEvent extends Event
{
public var vehicleRequestData:VehicleRequest

public function VehicleRequestEvent(type:String, vehicleRequestData:VehicleRequest)
{
super(type);
this.vehicleRequestData = vehicleRequestData;
}

override public function clone():Event
{
return new VehicleRequestEvent(type, vehicleRequestData);
}
}
} 
 

 
metadata 태그에 Event 포함

<!-- Metadata ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<fx:Metadata>
[Event(name="vehicleRequestEvent", type="events.VehicleRequestEvent")]
</fx:Metadata> 

  
이벤트 중 new 이벤트 대상을 제출하고 값을 부여합니다

protected function submitButton_clickHandler(event:MouseEvent):void
{
var vehicleRequestData:VehicleRequest = new VehicleRequest();
vehicleRequestData.id = dropDownList.selectedItem.id;
vehicleRequestData.phone = phone.text;
vehicleRequestData.mobilePhone = mobilePhone.text;
vehicleRequestData.pickupDate = pickupDate.selectedDate.toDateString();
vehicleRequestData.returnDate = returnDate.selectedDate.toDateString(); 

var eventObject:VehicleRequestEvent = new VehicleRequestEvent("vehicleRequestEvent",vehicleRequestData);
dispatchEvent(eventObject);

} 

 
 
주 응용 프로그램에서 이벤트 처리

<components:VehicleRequestForm employees="{employees}" 
vehicleRequestEvent="vehiclerequestform1_vehicleRequestEventHandler(event)"/>

  
 

protected function vehiclerequestform1_vehicleRequestEventHandler(event:VehicleRequestEvent):void
{
Alert.show("Your vehicle request has been submitted");
}