2. 使用一个方法 Handle多个Alert.

// 弹出Alert
			Alert.show(RM.getString(BUNDLE_ONLINE_TEST, "olt.attempt.warn.remove"), RM.getString(BUNDLE_ONLINE_TEST, "olt.confirm.title"),
				Alert.YES|Alert.CANCEL, null, onAlertClose).data = "remove";
//----------------------统一响应---------------------------------

	// onWarning Close
	private function onAlertClose(e:CloseEvent):void {
		if((e.target as Alert).data == "remove") {
			if(e.detail == Alert.YES) {
			...
			}else {
				// do nothing
			}
		}else if((e.target as Alert).data == ALERT_ATTEMPT) {
			if(e.detail == Alert.YES) {
				...
			}
		}else if((e.target as Alert).data == ALERT_GO_ON_ATTEMPT) {
			if(e.detail == Alert.YES) {
				...
			}
		}else {
			throw new Error("无法识别的Alert关闭类型: " + e.toString());
		}
	}

临时解决方法: 监听Datagrid的CREATION_COMPLETE事件, 在响应函数中重置Column的宽度.

效果: 参见http://cutown.com/home/reg.php, 网页内嵌入的Datagrid中, 后两列宽度为首列之外的宽度均分.

代码:

	/** Datagrid创建完毕后设定Column的宽度. */
	protected function onDGCreationComplte(e:Event):void {
		var columnServerID:DataGridColumn = columns[0] as DataGridColumn;

		for(var i:int = 0; i < columns.length; i++) {
			var column:DataGridColumn = columns[i] as DataGridColumn;
			column.width = width/columns.length; // 重设宽度, 减去首列宽度, 其他列均分.
		}
	}

Cross-domain policy file specification (PDF, 129 KB)

关于crossdomain.xml: http://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html

具体的错误信息:
Error #2048: Security sandbox violation: http://liguoliang.com/NetworkSpeedTest.swf cannot load data from…. , Or:
Error #2170 : Security sandbox violation: http://liguoliang.com/NetworkSpeedTest.swf cannot send HTTP headers to http://api.myspace.com/v1/users/**/mood.xml

解决方法: 在目标站点根目录下放置crossdomain.xml 跨域访问文件. 最简单的一个, 允许所有:

<?xml version="1.0"?>


  
  
  

如: MySpace的API的crossdomain.xml 

另: crossdomain.xml不必一定置于根目录下，参见: Security.loadPolicyFile.

步骤:
1. 在JavaScript中创建JS函数, 用于等待被Flex呼叫
2. 在必要时, AS中可通过ExternalInterface呼叫步骤1中创建的函数.

代码举例:

1. JavaScript代码(放置在Flash所在Html中)

/** 当测试结束后会被Flex呼叫到. */
function testCompleted(serverID, speedDownload) {
	alert("Server: " + serverID  + ", SpeedDownload:" + speedDownload);
}

2. ActionScript内呼叫JS方法.

呼叫代码为: ExternalInterface.call("js函数名称", 参数1, 参数2…);

	/** 当所有网速测试都进行完毕后响应. */
		protected function onMultiSppedTestComplete(e:Event):void {
			log.info("全部测试完毕");

			var bestSpeedTester:SpeedTester = multiSpeedTester.getBestServer(); // 测试中发现的最佳服务器

			// 呼叫外部JS函数.
			if(ExternalInterface.available && !StringUtils.isEmptyString(jsFuncOnComplete)) {
				ExternalInterface.call("jsFuncOnComplete", bestSpeedTester.name, bestSpeedTester.downloadSpeed);
			}
		}

其他:

1. 亦可通过JS配置Flex参数, 使用var jsFuncOnComplete:String = Application.application.parameters["funcOnComplete"] as String; 取得flashvars中配置的函数名称, 更加便于配置.

2. Flex慎重使用JS的Alert – Alert弹出后, 等待用户操作, Flex中的相应Method可能也会处于等待状态. 在用户点击"OK"后, Flex继续工作, 此时(超过15秒后), 很容易出现错误:Error #1502

Error #1502: A script has executed for longer than the default timeout period of 15 seconds.

其他资料:

0. Accessing JavaScript functions from Flex

1. 使用 ExternalInterface 类(AS<->JS双向)

2. Flex与Javascript互相通信(AS<->JS双向)

忘记super的后果是数据可能不会正常显示, Datagrid可能在浮动/点击 Render时 所在行没反应.

显示不正常的, 如: http://liguoliang.com/2009/10/1071/

附: 重写Box作为ItemRender代码(该类作为一个抽象出来专用于重写的Abstract类, 所以并未实现具体效果):

/*
* $Id$
* Copyright (c) 2008-2010 Insprise Software (Shanghai) Co. Ltd.
* All Rights Reserved
* Changelog:
*   LiGuoliang.com - Aug 15, 2010: Initial version
*/

package com.insprise.util.speedtest.lib
{

/**
 * SpeedTester的速度Render.
 */
[ResourceBundle('canvas_main')]
public class AbstractRenderForSpeed extends Box implements IDropInListItemRenderer, IListItemRenderer
{
	public static const RM:IResourceManager = ResourceManager.getInstance();
	public static const BUNDLE_CANVAS_MAIN:String = "canvas_main";

	/** Data */
	protected var _speedTester:SpeedTester; // 当前数据

	/** UI */
	protected var _progressBar:ProgressBar;

	protected var numberFormatter:NumberFormatter = SpeedTesterUtils.getNumFormatterForSpped();

	private var _listData:BaseListData; // 为实现IDropInListItemRenderer而创建.

	// Constructor
	public function AbstractRenderForSpeed() {
		super();
		direction = BoxDirection.HORIZONTAL; // 设置Box方向
	}

	/** @inheritDoc */
	public function get listData():BaseListData {
		return _listData;
	}

	/** @inheritDoc */
	public function set listData(value:BaseListData):void {
		_listData = value;
	}

	/** @inheritDoc */
	override protected function createChildren():void {
		_progressBar = new ProgressBar();
		_progressBar.mode = ProgressBarMode.MANUAL; // 设置Mode为手动, 以手动设置进度
		_progressBar.labelPlacement = ProgressBarLabelPlacement.CENTER; // 设置Label位置
		addChild(_progressBar);
	}

	/** @inheritDoc */
	override public function set data(value:Object):void {
		super.data = value; // 不能忘啊不能忘!
		if(_speedTester == value) {
			return;
		}

		_speedTester = value as SpeedTester;

		updateUI....; // 更新UI等操作
	}

} // end class
} // end package

具体使用:

1. 创建ProgressBar并设置基本样式:

		_progressBar = new ProgressBar();
		_progressBar.mode = ProgressBarMode.MANUAL; // 设置Mode为手动, 以手动设置进度
		_progressBar.labelPlacement = ProgressBarLabelPlacement.CENTER; // 设置Label位置
		addChild(_progressBar);

注意:

设置Mode: 如要手动设置ProgressBar状态, 要设置mode为Manual, 更多Mode参见API.

设置Label位置: 默认显示为Bottom, 还有top, left/right/center可设置. 上图左侧为默认的bottom, 右侧为center.

2. 设置ProgressBar进度: 设置ProgressBar的初始状态:

	/** 重置Progress, 设置ProgressBar初始状态. */
	protected function resetProgressBar():void {
		if(_progressBar != null) {
			_progressBar.label = "准备操作...";
			_progressBar.setProgress(0, 1);
		}
	}

对于明确进度的事件, 可随着具体事件的进度, 如上传/下载 设置具体进度:

	/** 下载过程中响应. */
	protected function onDownloadProgress(e:Event):void {
		if(_progressBar != null) {
			_progressBar.label = numberFormatter.format(_speedTester.currentDownloadPercent) + "%"; // 设置Label显示百
			_progressBar.setProgress(_speedTester.currentBytesDownloaded, _speedTester.fileDownloadSize); // 设置进度
		}
	}

对于未知具体进度的事件, 可设置ProgressBar仅滚动显示, 而不显示具体进度, 如第一张图片右侧内容:

_progressBar.indeterminate = true; // 设置滚动显示, 无具体进度.

API:
Flex 3.0 ENProgressBar Flex 4.0中文ProgressBar

涉及到的内容: PHP, Http Header, Flex URLLoader URLRequest, Keep-Alive, Apache AccessLog, FireFox, Firebug(除了Flex我比较熟之外其他基本上都是懂一点, 所以下面说辞可能会与具体语言/工具有所出入).

起因非常简单: php端一个while的condition没有随着循环而++.

详细描述:

为了测试服务器速度, 我们用Flex + PHP写了一个测试程序, 测试一组服务器的上传下载速度, Debug时很稳定, 如图:

IE下测试效果很好, 但在Build后放在FireFox上测试, Firefox的pulugin-container就占到若干G内存. 以前我只写过卡死浏览器的程序, 还不曾写过直接死机的程序, 结果昨晚dubug时竟然搞死我的电脑一次.

Flex端会通过URLLoader及URLRequest与PHP进行交互, 我们先从服务器读取1M的数据, 计算速度, 然后将数据发送到php端保存. 整个客户端的过程就是: Download, Report.

PHP端收到Download请求后, 会生成一个1M的文件返回到Flex端; 收到Report请求后会保存速度等参数, 并会返回ip所在地.

在使用FireFox进行测速时, 发现在Report后进入假死状态, 直到flash crash或浏览器死掉, 于是使用Firebug查看Request情况, 如图:

非常不可思议的是发现Report中返回的数据竟然超大, 而且越来越大, 毫无停止的迹象. (后来该用FireFox浏览器进行Debug, 在监听Report.ProgressEvent时发现 bytesTotal也在不断的长大)

费解啊费解, 后来发现在Flex端如果在Download结束后, 暂停上2秒(及以上), 再进行report就会正常report并返回ip所在地.

怀疑可能是Report Action处理有问题? 于是查看了Apahce的AccessLog, 发现只有Download的Access记录, 而无Report的Access记录. 我干啊..

于是猜想:  可能是跟浏览器的Keep-Alive有关

仔细排查了PHP端代码, 发现在生成文件的一个while中, 参数没有++, 导致在Download时, 虽然打算创建1M的文件, 但实际上while停不下一直会增大文件…

但Download的Header里明确了文件大小信息:

header("Content-Length: ".(string)($downloadSize));

所以浏览器跟URLRequest都只会下载1M的数据,  但服务器仍在while循环, 文件仍在不断变大….

猜想可能是由于FireFox的keep-alive, 在Report请求时, 发现TCP连接中仍有活动的connection,  于是先继续接受TCP已接收的数据, 也就是Download的1M数据之外的数据, 于是Report开始后实际上还是在下载1M之外未完的数据.  由于1M之外的数据读不完, 下了大量数据, 于是关掉FireFox或plugin-container进程, Firebug中看到的Report Request实际仍没有发送到服务器端, 于是造成了Report收拾Download残局的现状.

如此折腾下来, 看来只需修复php端bug就好, 果然搞定.

重复验证:

php端处理DownloadAction代码中, 创建完毕1M数据后, echo ‘liguoliang.com’;

也就是这个几个字符会继续发送到客户机, 但不会被浏览器处理(Header中定义了文件下载大小为1M),  因此多余的’liguoliang.com’ 会在第二次Request后首先从客户机读取, 然后再向服务器端请求(由于此前文件不断变大, 所以等不到收拾完Download Request残局就crash了).

果然, 查看Apache的Access log, 正常, 有两个记录, 再看Firebug:

果然,  先收拾了上一把的残局, 搞的下一把都异常了.

这个bug出现的条件:

测试服务器在本机, 所以操作都很快, 眨眼就下完1M数据, 然后会keep-alive,  report Request会收拾前一个有问题的Request的残局. 如果测试服务器在外部, 或两个Request间隔大于2秒(前一个结束到后一个开始)第二个Request会直接去请求服务器, 而不是先吃剩饭, 造成异常. 

在SDK升级到3.5后, 突然发现很多ComboBox(多数都是好多级联动)无法继续正常工作.

直接表现为: 联动菜单:

 
左图: 正常工作的级联ComboBox     
右图: 未正常工作, 
先选择教育类型为高级中学,  年级显示初中数据, 只有一个年级初一.
然后切换教育类型为高中, 此时年级DP已经更新为高中年级数组, 但仍显示前一次的初中年级;

下拉框高度有四个单位, 可见高度准确, 但数据未更新.也无法选定.

解决方法:

在Set ComboBox DataProvider后, 再set 该ComboBox.listdown.dataprovider, 具体代码:

		combo.dataProvider = dp;
		if(combo.dropdown != null) {
			combo.dropdown.dataProvider = dp;
		}

遗留问题:

在使用时, 初次选定comboBox数据之前, comboBox的listdown宽度/高度可能会发生异常.  如:

  注意: listdown的宽度, 跟第一个图正常工作时的对比 -(在首次选定前)宽度没有自动更新.

尝试在Set DP后validateNow, invalidateDisplayList等方法, 无效;

其他尝试:

1. 尝试在set dp时 先Rmove dp内数据, 再逐个将新数据加入到原DP内, 可行 – 但ComboBox的宽度不会自动调整(可能是因为DP没有改变, 未激发Event一类的)

2. 尝试在set dp后由dp主动派发: CollectionEventKind.RESET事件, 无效.

参考:

Changing DataProvider in a Flex ComboBox Problem Fix http://www.newtriks.com/?p=935

附录 代码

	/**
	 * 解决Flex3.5中ComboBox的bug - Combobox不能及时显示数据 - 尤其在外部设定了DP后, combo下拉后只能通过DP长度计算Dropdown的高度, 但不能显示数据.
	 * 解决方案有基本有两个:
	 * 		1. (不推荐)保持ComboBox的DP对象不变, 如ArrayCollection, 不直接Set而是将现有数据源情况后将新的逐个add.
	 * 		2. 在set dp时, 同时set给combo.dropdown.dataprovider
	 * 但仍旧存在一个问题: comboBox下拉框的宽度:
	 * 		使用1时, comboBox跟下拉框宽度都不会根据数据源中最大长度项目而改变;
	 * 		使用2时, 在首次选定前, 仅下拉框的宽度不能随之改变. (暂时不妨碍使用)
	 * 虽然在改变dp后立即使用了validateNow,
	 *  @see http://www.newtriks.com/?p=935
	 */
	protected static function setComboDataProvider(combo:ComboBox, dp:ArrayCollection):void {

		// 1. 方法一: 保持数据源不变, 仅改变期中数据.
//		var dpAC:ArrayCollection = combo.dataProvider as ArrayCollection;
//		if(dpAC != null) {
//			dpAC.removeAll();
//		}else {
//			dpAC = new ArrayCollection();
//			combo.dataProvider = dpAC;
//		}
//		ArrayUtils.addAllElements(dp, dpAC);

		// 2. 方法二: 同时设置dropdown的dataProvider
		combo.dataProvider = dp;
		if(combo.dropdown != null) {
			combo.dropdown.dataProvider = dp;
		}
//
//		// 试图通过validate等方法 及时的更新dropdown的宽度, 但扔无济于事. 使用1时combo/dropdown的宽度都不会更新, 使用2时, 在首次选定数据前, dropdown的宽度不更新.
//		combo.validateNow();
//		combo.invalidateDisplayList();
//
//		combo.dropdown.validateNow();
//		combo.dropdown.validateDisplayList();
//		combo.dropdown.invalidateDisplayList();
	}

1. 当前正在Broadcast的Stream有多少个? 每个Stream有多少个subscriber?
2. 每个Broadcast的Stream主持人, 每个subscriber的IP, 持续时间, 流量
3. 其他的, 如服务器的CPU, 内存等信息.

为了应对以上需求, 可能需重写ApplicationAdapter类, 重写
1。 重写streamPublishStart/Close方法, 以便及时的记录BroadcastStream的信息, 通过stream.getConnection()获得Connection, 进而获得主持人的IP, 流量, 持续时间等信息;

2。 重写streamPlaylistItemPlay/Stop方法, 及时获得playlistSubscriberStream信息, 同时可通过IPlayItem获得对应BroadcatStream的publicName, 从而可统计处每个BroadcastStream的subscriber列表, 进而获具体客户的连接信息.

可通过创建Servlet的方法获取到这些信息, 从而为Flex等客户端提供参考信息.

PS: 初次使用Red5，可能重写的方法都不准确,  恳请各位不吝赐教~

做AIR开发时经常会忘记浏览器版本的安全限制, 导致在build为swf之后出现此类问题.

为了保持AIR上的UI, 同时支持浏览器版本, 可预先根据运行环境进行分类处理.

如下, 描述通过点击按钮, 直接下载某文件的解决方案:

AIR中可直接使用, 但浏览器版本会有安全错误.

在浏览器版本时, 点击按钮后不会立即激发下载,而是显示label,用户点击后再进行下载. AIR中点击按钮直接下载:

// onAction 处理...
		if(SystemUtils.isAirEnvironment()) { // AIR下直接下载
			labelDownloadLink.visible = false;
			downloadReportFile(); // 直接下载.
		}else if(SystemUtils.isBrowserEnvironment()) { // 浏览器环境下, 因安全策略限制, 显示Label, 通过点击label进行下载.
			labelDownloadLink.visible = true;
			labelDownloadLink.text = RM.getString(BUNDLE_ATHENA, "download");
		}else {
			// donothing.
		}

	/** 在浏览器版本中使用Label进行下载. */
	protected function onDownlinkClicked(e:MouseEvent):void {
		if(!StringUtils.isEmptyString(_pathReportFile)){
			downloadReportFile();
		}
	}

	/** 开始现在报表文件, Air/Broswer 共用. */
	protected function downloadReportFile():void {
		var fileRef:FileReference = new FileReference();
		var urlReq:URLRequest = new URLRequest(_pathReportFile);
....
		fileRef.download(urlReq, (dgRecReportPlans.selectedItem as AssessReportPlan).nameFull + ".xls");
	}