My Blog

Column Chart

jacinthasekar — Wed, 17 Jun 2009 06:04:48 +0000

horizontalAlign=”center” backgroundGradientColors=”[0x000000,0x323232]” paddingTop=”0″ viewSourceURL=”srcview/index.html”>

import mx.collections.ArrayCollection;
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
{ Country: "China", Gold: 32, Silver:17, Bronze: 14 },
{ Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
]]>
paddingTop=”10″ paddingRight=”5″ paddingBottom=”10″ paddingLeft=”5″ horizontalAlign=”center”>
showDataTips=”true” dataProvider=”{medalsAC}”>

Passing a data to a function

jacinthasekar — Wed, 17 Jun 2009 06:04:02 +0000

Handling a user interaction and passing only data to a function:

itemClick=”handleClick(event.currentTarget.selectedItem)”>

headerText=”Contact Name” width=”300″ />

When you click an item, your function is invoked along with a

reference to the item clicked. This lets you access the various

properties of the object:
public function handleClick(data:Object):void

{
Alert.show(“Name:” + data.name + “,Email:” + data.email);
}

Passing the event to a function

jacinthasekar — Wed, 17 Jun 2009 05:59:40 +0000

Handling a user interaction by passing the event object to a function:

import mx.collections.ArrayCollection;
import mx.events.ListEvent;
import mx.controls.Alert;
public var myAC:ArrayCollection = new ArrayCollection([
{name:"Jon Hirschi", email:"j_hirschi@domain.com"},
{name:"Frank Krul", email:"f_krul@domain.com"}]);
public function handleClick(evt:ListEvent):void{
Alert.show(”You clicked on row:” + evt.rowIndex + ” and col:” +
evt.columnIndex + “.” +
“Which is for ” + evt.currentTarget.selectedItem.name);}
]]>
itemClick=”handleClick(event)”>

headerText=”Contact Name” width=”300″ />

Horizontal Layout

jacinthasekar — Wed, 17 Jun 2009 05:56:58 +0000

Automatic layout is a considerable departure from absolute
layout, in which you explicitly determine the location and
layout of elements within a container. With automatic layout,
you’re directing the container to position elements for you.
You can choose between two layout modes: vertical or horizontal—
also known as the direction. The container places child objects,
one after another, based on the selected direction.

layout=”horizontal”>

Form Container

jacinthasekar — Wed, 17 Jun 2009 05:48:57 +0000

PopUp Menu Button

jacinthasekar — Wed, 17 Jun 2009 05:47:11 +0000

public function showMsg(msg:String):void
{
mx.controls.Alert.show(‘You just clicked on ‘ + msg);
}

dataProvider=”{['One','Two','Three']}”
click=”showMsg(‘left side’)”
itemClick=”showMsg(‘right side with ‘ + event.label)”/>

Separating ActionScript to individual files

jacinthasekar — Wed, 17 Jun 2009 05:44:34 +0000



 
 
  
 
 
 
 
     

ActionScript saved separately: myFunctions.as
public function textMerge(input1:String,input2:String):String
{
 var x:String = input1 + input2;
 return x;
}

Application Container

jacinthasekar — Wed, 17 Jun 2009 05:29:59 +0000

Containers

Containers provide your application a visual structure by providing frames

in which to house your display components. Flex comes with a variety of containers,

and each provides unique characteristics. Their purpose is universal—to help you

lay out your components visually rather than programmatically.

Application container:
Table : The layout property accepts three values.

Value	Description
`absolute`	Instructs the container to be use absolute positioning mode inwhich you explicitly position each child component
`horizontal`	Instructs the container to automatically lay out its child components horizontally
`vertical`	Instructs the container to automatically lay out its child components vertically

Using ComboBox

jacinthasekar — Wed, 17 Jun 2009 05:22:00 +0000

xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”
creationComplete=”initHandler();”>

private var _fruit:String;
private var _fruits:Array = ["Apple", "Banana", "Orange"];
private function initHandler():void{
fruitCB.dataProvider = _fruits;}
[Bindable(event="fruitChanged")]
private function isOrangeChosen():Boolean{
return _fruit == “Orange”;}
public function get fruit():String{
return _fruit;}
public function set fruit( str:String ):void{
_fruit = str;
dispatchEvent( new Event( “fruitChanged” ) );}
]]>

change=”{fruit = fruitCB.selectedLabel}” />
enabled=”{isOrangeChosen()}” />

Using Binding Property

jacinthasekar — Wed, 17 Jun 2009 05:20:45 +0000

xmlns:mx=”http://www.adobe.com/2006/mxml”
layout=”vertical”>

paddingLeft=”5″ paddingRight=”5″
paddingTop=”5″ paddingBottom=”5″>