Skip to main content

Posts

Showing posts from February, 2010

Sample MXML Flex Application

The primary reason why I think Flex is awesome is it's easiness of use in creating great rich internet application. Secondly- platform in-dependency. I can code with out having to worry about the browsers. For back-end I have wide range of choice php, java, .NET ..c# etc. Also, there is wide range of resource over internet in case of any problem. Flash player is readily available almost in any machines around the world. Here is an end to end Flex application. resource.mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #337381]" xmlns:custom="myComponents.*"> <mx:Style source="style/style.css"/> <mx:Script> <![CDATA[ import myComponents.activityEditor; import mx.controls.Alert; import mx.rpc.events.ResultEven

Flex and Java - HTTP Get Example

Below is Flex code sample to communicate to a Java servlet in the back-end using HTTP Service. <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; import mx.rpc.events.FaultEvent; import mx.controls.Alert; [Bindable] private var xmldata:XML; private function send_data():void { httpXmlDataService.send(); } private function faultHandler(event:FaultEvent):void{ mx.controls.Alert.show(event.fault.message,"Error in getting result"); } private function resultHandler(event:ResultEvent):void{ xmldata=event.result as XML; } private function displayBeforeTax(row:Object,column:DataGridColumn):String{ return row.profit.beforetax; } private function displayAfterTax(row:Object,column:DataGridColumn):String{ return ro

Flex and Java - HTTP Post Example

Below is Flex code sample to communicate to a Java servlet in the back-end using HTTP Post Service. <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="*" creationComplete="send_data()"> <mx:Script> <![CDATA[ private function send_data():void { userRequest.send(); } ]]> </mx:Script> <mx:Form x="22" y="10" width="493"> <mx:HBox> <mx:Label text="Username"/> <mx:TextInput id="username"/> </mx:HBox> <mx:HBox> <mx:Label text="Email Address"/> <mx:TextInput id="emailaddress"/> </mx:HBox> <mx:Button label="Submit&quo

Flex - Add Edit Delete rows using Data Grid

With Flex, I was scraching head for few days to achive (a) How to use DataGrid to add, edit and delete records (b) How to move XML data into ArrayCollection. Now, here is the solution.... <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" creationComplete="srv.send()"> <mx:Script> import mx.collections.ArrayCollection; import mx.rpc.events.FaultEvent; import mx.rpc.events.ResultEvent; [Bindable] public var employees:ArrayCollection = new ArrayCollection(); private var xmldata:XML; private function faultHandler(event:FaultEvent):void{ mx.controls.Alert.show(event.fault.message,"Error in getting result"); } private function resultHandler(event:ResultEvent):void{ xmldata = new XML(event.result); // Convert XML to ArrayCollection for each(var s:XML in xmldata.employee){