Tuto 15mins: Flex et LiveCycle ES

30 04 2008

J’ai enregistré un tutoriel vidéo qui présente comment réaliser une application Flex qui communique avec un processus LiveCycle ES de génération de PDF. Dans cet exemple, je réalise un modèle de document (sous Adobe Designer), un processus de composition de PDF (avec Livecycle Output ES sous le WorkBench ES), une application Flex (sous Flex Builder 3) et les ponts de communications en AMF. Le tout en français et en moins de 15 minutes. J’ai posté la vidéo au format 1024×768 sur Viddler. Passez en mode plein écran pour une lire le code.

Voici le code source que j’ai utilisé côté Flex:

<?xml version= »1.0″ encoding= »utf-8″?>
<mx:Application xmlns:mx= »http://www.adobe.com/2006/mxml &raquo; layout= »absolute » creationComplete= »initApp() »>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.net.navigateToURL;
import mx.messaging.channels.AMFChannel;
import mx.messaging.ChannelSet;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;

private function initApp():void{
var cs:ChannelSet = new ChannelSet();
cs.addChannel(new AMFChannel(« my-amf », »http://server:8080/remoting/messagebroker/amf &raquo;));
Remoting_Endpoint.channelSet = cs;
}

private function createXML():XML{
var model:XML=
<form1>
<name>{f_name.text}</name>
<age>{f_age.value}</age>
<country>{f_country.selectedLabel}</country>
</form1>

return model;

}

private function SendToLC():void{
var myData:XML = createXML();
Remoting_Endpoint.setCredentials(« admin », »pass »);
Remoting_Endpoint.invoke({inData:myData});
}

private function statusHandler(event:ResultEvent):void{
var u:URLRequest = new URLRequest(event.result.outDocument.url);
navigateToURL(u, »_blank »);
}

private function faultHandler(event:FaultEvent):void{
mx.controls.Alert.show(event.fault.faultDetail);
}
]]>
</mx:Script>
<mx:RemoteObject id= »Remoting_Endpoint » destination= »generateForm » showBusyCursor= »true » fault= »faultHandler(event) »>
<mx:method name= »invoke » result= »statusHandler(event) »/>
</mx:RemoteObject>
<mx:Panel x= »10″ y= »10″ width= »256″ height= »299″ layout= »absolute » title= »Get data »>
<mx:Label x= »10″ y= »10″ text= »Name : »/>
<mx:Label x= »10″ y= »36″ text= »Age : »/>
<mx:Label x= »10″ y= »62″ text= »Country : »/>
<mx:TextInput x= »97″ y= »8″ width= »129″ id= »f_name »/>
<mx:HSlider x= »97″ y= »38″ width= »129″ id= »f_age » minimum= »1″ maximum= »100″ snapInterval= »1″/>
<mx:ComboBox x= »97″ y= »60″ width= »129″ id= »f_country »>
<mx:ArrayCollection>
<mx:String>France</mx:String>
<mx:String>UK</mx:String>
<mx:String>USA</mx:String>
</mx:ArrayCollection>
</mx:ComboBox>
<mx:Button x= »161″ y= »90″ label= »Submit » click= »SendToLC() »/>
</mx:Panel>
</mx:Application>

Vous pouvez récupérer une version d’évaluation de LiveCycle ES sur http://www.adobe.com/devnet/livecycle/trial/. Je vous conseille l’installation « Turn Key » qui installera pour vous un JBoss/MySQL/LiveCycle fonctionnel en quelques clics.


Actions

Information

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s




%d blogueurs aiment cette page :