Flex各组件功能展示.doc

1. ApplicationControlBar

2.回车事件

KeyboardEvent):void
{
switch (event.keyCode)
{
case 13:
Alert.show("Enterpressed");
break;
case 32:
trace("SpaceBarpressed");
Alert.show("SpaceBarpressed");
break;
case 16:
trace("ShiftKeypressed");
Alert.show("ShiftKeypressed");
break;
case 112:
trace("F1pressed");
Alert.show("F1pressed");
break;
case 8:
trace("Deletepressed");
Alert.show("Deletepressed");
break;
}
}
]]>

>

3.报表功能

s;

[Bindable]
private var _DropShadowFilter:DropShadowFilter = new DropShadowFilter(2, 45, 0x000000, 0.7, 2, 2, 0.65, 3, false, false);

private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String {
return currFormatter.format(item);
}
private function categoryAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String {
return String(item);
}
]]>

n="2" />

e currency_code="USD" bbamount="40354" tbamount="117853" />

troke id = "s3" color="#FF8C31" weight="1"/>

iesFilters="[]">

eFill="{tFill}"
/>

horizontalAxis>

alAxisRenderers>

ries id="L1" yField="@bbamount" displayName="BB外汇敞口：" lineStroke="{s1}" showDataEffect="{fadeIn}" hideDataEffect="{fadeOut}" filters="{[_DropShadowFilter]}"/>
ilters="{[_DropShadowFilter]}"/>

4.报表拖拽

import mx.controls.DataGrid;
import mx.events.DragEvent;
import mx.core.UIComponent;
import mx.managers.DragManager;
import mx.core.DragSource;
import mx.collections.ArrayCollection;

//DataGrid的数据源
[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 } ]);

//ColumnChart的数据源, 默认为空
[Bindable]
private var chartData:ArrayCollection = new ArrayCollection()

private function init():void{

//让columnChart监听拖拽事件
column.addEventListener(DragEvent.DRAG_ENTER,dragEnterHandle)
column.addEventListener(DragEvent.DRAG_DROP,dragdropHandle)
}

//因为只有DataGrid推拽，所以直接允许，如果界面上有多个控件监听拖拽事件，需要判断后允许正确的数据进入
private function dragEnterHandle(e:DragEvent):void{
DragManager.acceptDragDrop(e.currentTarget as UIComponent)
}

//拖拽放开后处理
private function dragdropHandle(e:DragEvent):void{
//如果Column Chart中已经存在相同数据，报错返回
if(chartData.contains((e.dragInitiator as DataGrid).selectedItem)){
Alert.show("数据已经存在");
return;
}
//往column chart的dataprovider中添加拖拽数据。
//如果只需要特定的数据进入column chart，可以先做数据筛选。
chartData.addItem((e.dragInitiator as DataGrid).selectedItem)
}

]]>

"Gold" />

lor="0xFFCC66" alpha=".6"/>

nChart id="column"
height="200"
width="300"
paddingLeft="5"
paddingRight="5"
showDataTips="true"
dataProvider="{chartData}"
>

s categoryField="Country"/>

es
xField="Country"
yField="Bronze"
displayName="Bronze"
fill="{sc3}"
stroke="{s3}"
/>

5. HDividedBox

6.grid 动态修改

ataGridColumn headerText="provice" dataField="provice" editable="false" sortable="false"/>

events.DataGridEvent;
import mx.controls.Alert;
import mx.collections.ArrayCollection;

[Bindable]
private var arr:ArrayCollection=new ArrayCollection([
{year:2009,city:"Shanghai",provice:"上海",total:580000},
{year:2009,city:"Beijing",provice:"河北省",total:7852020},
{year:2009,city:"Nanjing",provice:"江苏省",total:895145},
{year:2009,city:"Hangzhou",provice:"浙江省",total:4132415}]);

private function editHandle(event:DataGridEvent):void{
if(event.dataField=="total"){
var cols:DataGridColumn=dg.columns[event.columnIndex];
///编辑前的值,没用到，只是想获得一下
var s:String=event.itemRenderer.data.total;
//编辑后新的值
var newValue:String=dg.itemEditorInstance[cols.editorDataField];
var tt:String;
var num:Number=Number(tt);
if(isNaN(num)){
event.preventDefault();//恢复本来数据
lbl.text="this is not num!";
}else{
lbl.text=tt;
/*=======操作数据和数据库打交道=========*/
/*省略*/
}
}
}
]]>