Flex Tutorials

Unable to parse null body data Invalid user property in Zend Amf

2012-06-12T04:25:00.001-07:00

It's the property/variable mismatch in Amf Object and PHP VO(Virtual Object) class objects

Definition spark.effects:AnimateFilter could not be found.

2012-05-29T03:28:00.000-07:00

You are using the old sdk version. Spark supports available from sdk 4. Please add/update your sdk from Project Properties menu in Flash Builder

Access of undefined property JSON

2012-05-27T22:52:00.000-07:00

First we have to download the library and can find it at http://code.google.com/p/as3corelib/. Then follow these steps to add your JSON library to your Flex project:

   1. Download the .zip archive and extract it. What you need is the .swc file in the lib folder.
   2. In Flex Builder / Flash Builder, go to your project’s properties, and then to the Flex Build Path panel.
   3. Click on Add SWC, and select the as3corelib.swc file
   4. In your project, add the following line: import com.adobe.serialization.json.JSON;

Error:Process terminated without establishing connection to debugger. initial content not found

2012-05-15T01:44:00.000-07:00

I managed to find a solution to the problem. It has to do with outdated app xml config files.
So after importing project from source control, create a new application (eg. TestApp) and run / debug it, which works fine.

Compare the 2 app xml config files. In the new file at the top you will see a line:
application xmlns="http://ns.adobe.com/air/application/1.5"
In the old file I had:
application xmlns="http://ns.adobe.com/air/application/1"

So you can change the old with the new app configuration.

Error - Invalid application descriptor: descriptor version does not match runtime version

2012-04-30T03:11:00.000-07:00

It's because of your SDK version and has some incompatibility with main-app.xml in the application root folder.
It happens when you import some application so better to create test application with existing SDK version. Then replace the application main-app.xml with the automatically created one.

Using Zend_Amf with Flex

2011-12-14T03:34:00.000-08:00

We have to do the following from flex script
1. Setting a target url
There are different ways to do it and I share one of them.
We need to create service-config.xml and save that in the project src folder.
Ex:
services-config
services
service id="amfphp-flashremoting-service" class="flex.messaging.services.RemotingService" messageTypes="flex.messaging.messages.RemotingMessage"
destination id="flex_amf"
channels
channel ref="my-zend"
channels
properties
source*Flex Compiler settings.
Ex:-locale en_US -services service-config.xml
3. In your mxml file add RemoteObject component
Ex:

In this source is the class name that you are using in PHP and destination refers to destination tab in the service-config.xml file
4. Create a button to execute the click function and in that call the function you need to execute in the class file.
zendRemoteObject.functionName(parameters)
5. You will get the amf response in the result or fault event functions

You have to do the folloing in PHP class to return the amf response.

1. Include the Zend_Amf library
Ex:
require_once 'Zend/Amf/Server.php';
2. Create object of amf server
$server = new Zend_Amf_Server();
3. Set the class that we need to map with
$server->setClass("className");
4. Map ActionScript value objects to the PHP value objects.
$server->setClassMap("className", "className");
5. Then print the handle response.
Ex:echo ($server->handle());

Create associative array in Flex

2011-12-14T02:49:00.000-08:00

It's not possible to create array like array('branchId'=>1,'order'=>2)
For that first we have to define a variable as array
Ex:
var attr:Array = new Array();
attr["branchId"] = 1;
attr["order"] = 2;

Geneate/Create ArrayCollection dynamically

2011-06-23T03:17:00.000-07:00

var resultArr:ArrayCollection = new ArrayCollection(e.result as Array);
var careeListData:ArrayCollection = new ArrayCollection();
var resultArray:Array = new Array();
if((resultArr.length > 0) && (resultArr[0]["whoForId"] != null)){

for(var l=0; l < resultArr.length; l++){

resultArray.push({label:resultArr[l]["careeName"], data:resultArr[l]["whoForId"]})

}
careeListData = resultArray as Object;
}

Combobox with change event to get the selected item value

2011-06-23T00:32:00.000-07:00

In the script add the following

private var listData:ArrayCollection = new ArrayCollection(
[{label:"Arun Kumar", data:"3"},
{label:"John Jose", data:"1"},
{label:"Mary Dam", data:"2"}]);
private function getSelectedCaree(event:Event):void
{
trace(event.currentTarget.selectedItem.data);
}

In the MXML add the following to show the combo-box with change event

mx:ComboBox id="comboList" change="getSelectedCaree(event)" fontSize="15" x="1000" y="50" dataProvider="{listData}"
/mx:ComboBox

Confirmation Alert box with OK and Cancel

2011-05-19T21:44:00.000-07:00

Alert.show("Do you want to remove all the events", "Confirmation",
Alert.OK | Alert.CANCEL, this,
confirmRemove, null, Alert.OK);

private function confirmRemove(evntObj:CloseEvent):void
{
if (evntObj.detail==Alert.OK) {
//Add the code to execute if use pressed OK button
}
}

Convert Flex date timestamp to UTC timestamp

2011-05-19T21:29:00.000-07:00

var localDate:Date = new Date();
var localTimestamp:Number = localDate.valueOf() / 1000;
//date with valueOf function returns the milliseconds and divide by 1000 to convert to seconds
var timzoneOffset:Number = localDate.timezoneOffset * 60;
//Timezone offset returns the minutes and multiply by 60 to convert to seconds to use for timestamp
var utcTimestamp = localTimestamp + timzoneOffset;

Adding Timer Event Listener

2011-05-16T00:22:00.000-07:00

For adding or handling the time based functions we can use flex Timer Util class.

import flash.events.TimerEvent;
import flash.utils.Timer;

private var timer:Timer;

private function init():void
{
timer = new Timer(10);
timer.start();
timer.addEventListener(TimerEvent.TIMER, checkDbChange);
}
private function checkDbChange(t:TimerEvent):void
{
trace("Database updated");
}

File not found in bin-debug/*.html

2011-05-05T21:58:00.000-07:00

It happens while we import the project. To solve the issue you can try the following way

1. Project->Build Automatically then try
2. Project->Clean the selected project then try
If the above procedure doesn't work try the following.
3. Project->Properties->Compiler Settings
Check HTML Wrapper and If Not checked checked and try.
If the HTml Wrapper is checked the un-check then save then try to run it again.It will not work then again check the HTML Wrapper and try. I got it solved the issue.

Error Cannot convert XMLList@5967b21 to Date

2011-05-04T02:41:00.000-07:00

To convert XMLList date to date, first convert it to String then the date string into Milliseconds using the Date.parse method. Then you can convert the seconds to Date object

Ex: var dateString:String = xmlDateValue.toString();
var dateInMilliseconds:Number = Date.parse(dateString);
//date format "Wed May 4 15:30:17 GMT-0700 2011"
var curDate:Date = Date(dateInMilliseconds);

Convert String to Date

2011-05-04T02:38:00.000-07:00

To convert string to date, first convert the date string into Milliseconds using the Date.parse method. Then you can convert the seconds to Date object

Ex: var dateInMilliseconds:Number = Date.parse("Wed May 4 15:30:17 GMT-0700 2011");
var curDate:Date = Date(dateInMilliseconds);

Convert String into Array

2011-05-02T00:28:00.000-07:00

We can convert the String into Array with splitting it with delimiter.
Ex:
var sampleString:String = "Hello World";
var results:Array = excDate.split(" ");

How to show the recurreneRule from database in the pop-up recurrencePanel

2011-04-28T03:42:00.001-07:00

In the Calendar Click event add code to get the rule and create and object of recurence Panel. Then set the recurrenceRule variable in recurrencePanel

Ex:
_recurrencePanel = new RecurrencePanel();
_recurrencePanel.recurrenceRule = new RRule(cal.selectedItems[0].item.@rrules);

Get and Set function declaration

2011-04-27T00:41:00.000-07:00

Flex script has Get and Set functions that can encapsulate property access behind function calls, but without changing the property access syntax.

This tells ActionScript that the functions are for property access. While the code looks quite different than just using a public property, the usage is exactly the same.

Ex:

public class HelloWorld
{
private var _strValue:String;

public function get strValue():String
{
return this._strValue;
}

public function set strValue( value:String ):void
{
this._strValue = value;
}
}

TextInput focus in and out events

2011-04-26T03:29:00.000-07:00

We can use focusIn and focusOut events for getting values on or out of focus.

Ex: mx:TextInput id="summaryTxt" width="100%" focusOut="summaryTxt_focusOutHandler(event)"

How to change the Calendar mode to Month view

2011-04-10T23:23:00.000-07:00

In the IBM ILOG Calendar, the default is Week View. We can change it by adding the following code in the init() function.

cal.mode = Calendar.MONTH_MODE; //cal is the id of the ilog calendar object

Get recurring event id while editing

2011-04-07T23:39:00.001-07:00

In the ITEM_EDIT_END event, use the below code to get the recurring event id.
var eventId:int = cal.selectedItems[0].item.@eventId.toString();
trace(eventId);

Convert Object to XML

2011-04-06T23:47:00.001-07:00

private function convertobjectToXML(obj:Object):XML
{
var qName:QName = new QName("list");
var xmlDocument:XMLDocument = new XMLDocument();
var simpleXMLEncoder:SimpleXMLEncoder = new SimpleXMLEncoder(xmlDocument);
var xmlNode:XMLNode = simpleXMLEncoder.encodeValue(obj, qName, xmlDocument);
var xml:XML = new XML(xmlDocument.toString());
trace(xml);
return xml;
}

Convet AMF Object to XML

2011-04-06T23:40:00.000-07:00

var result:Object;
var listCollection:ArrayCollection = new ArrayCollection(result as Array);

var mainXML:XML = list //root xml tag
for(var i:int=0; i < listCollection.length; i++)
{
if(listCollection[i]['event_id'] != null){
var myXML:XML = event //child xml attribute
myXML.@id=listCollection[i]['event_id'];
myXML.@s=listCollection[i]['start'];
myXML.@e=listCollection[i]['end'];
mainXML.appendChild(myXML);
}

You will get the xml data in the mainXML variable

How to use Alert.show method

2011-04-05T21:36:00.000-07:00

mx:Script
private function showAlert():void{
Alert.show('message','title',flags,parent,clickListener,iconClass,defaultButton);
}
mx:Script close

flags - mx.controls.Alert.OK — OK button
mx.controls.Alert.YES — Yes button
mx.controls.Alert.NO — No button
mx.controls.Alert.CANCEL — Cancel button
parent - parent object
clickListener - listener function name for flags

Get event id for editing event data in the Database

2011-04-04T02:39:00.000-07:00

you can get the event id set in the dataProvider in editItemEnd function using the below script.
trace(event.item.id);
private function itemEditEnd(event:CalendarEvent):void {

if (event.item is IRecurrenceInstance) {
//code for recurring event
}else{
trace(event.item.id);
}

}