临时解决方法: 监听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; // 重设宽度, 减去首列宽度, 其他列均分.
		}
	}

步骤:
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双向)

具体使用:

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. 简单配置数据源即可实现多层显示
2. 可设定初始选定的项目或目录
3. 获得选定的项目

关于Flex CheckBox Tree的例子有很多, 如:

3 State CheckBox Tree: http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1047969#

CheckBoxTree Component (Adobe Flex 3): http://srirangan.net/?p=56

Flex Checkbox TreeItemRenderer: http://remwebdevelopment.com/dev/a31/Flex-Checkbox-TreeItemRenderer.html

FLEX 构建完美的带有CheckBox三状态的Tree控件: http://blog.csdn.net/cjy37/archive/2009/05/11/4166621.aspx

Flex在Tree控件上添加CheckBox: http://montage.javaeye.com/blog/326302

但上述举例均有一个非常明显的问题: MVC没有分清楚, 是否选定基本上都存储在数据源中, 实际上这只是UI的一个状态, 因此个人认为, 是否选中, 不应该存放于Modeling中. 因此写下面两个类.

具体使用方法, 请参考代码.

转载本文或使用代码请注明出处或保留注释中的版权信息.

代码下载: http://www.box.net/shared/q6r915j4qr

使用方法:

			var han2pinyin:HanZi2PinYin = new HanZi2PinYin();
			Alert.show(han2pinyin.toPinyin("汉字"));

HanZi2PinYin类下载:

Box: http://www.box.net/shared/t8ucn0bz4i

代码非本人原创, 出处:http://www.ppzhao.net/index.php/archives/175

		datagridClasses.doubleClickEnabled = true;
		datagridClasses.addEventListener(MouseEvent.DOUBLE_CLICK, onDGDoubleClicked);

正确方法应该使用ListEvent.ITEM_DOUBLE_CLICK监听项目双击事件.

		datagridClasses.addEventListener(ListEvent.ITEM_DOUBLE_CLICK, onDGDoubleClicked);

var fileRef:FileReference = new FileReference();
		var request:URLRequest = new URLRequest(serviceUrl);

		request.method = URLRequestMethod.POST;
		var encoder : Base64Encoder = new Base64Encoder();
		encoder.encode(userName + ":" + password);
		request.requestHeaders.push(new URLRequestHeader("Authorization", "Basic " + encoder.toString())); // ** 增加认证信息

		fileRef.addEventListener(Event.OPEN, onFileDownloadBegin);
		fileRef.addEventListener(Event.COMPLETE, onFileDownloadComplete);
		fileRef.addEventListener(IOErrorEvent.IO_ERROR, onFileDownloadError);
		fileRef.addEventListener(Event.CANCEL, onFileDownLoadCancel);
		fileRef.download(request, getExportFileName(serviceUrl));

// 下载文件
	protected function downloadTemplateFile():void {
		var fileRef:FileReference = new FileReference();
		var urlReq:URLRequest = new URLRequest(_pathTemplateFile);
		fileRef.addEventListener(Event.OPEN,onDownloadBegin);
		fileRef.addEventListener(Event.COMPLETE, onDownloadComplete);
		fileRef.addEventListener(Event.CANCEL, onDownloadCancel);
		fileRef.addEventListener(IOErrorEvent.IO_ERROR, onDownloadError);
		fileRef.download(urlReq);
	}

	// 模板文件下载开始时响应.
	protected function onDownloadBegin(e:Event):void {
		appendTextToOutPut(RM.getString(BUNDLE_ASMT_MGT, "template.download.begin"));
	}

	// 当下载结束后响应. */
	protected function onDownloadComplete(e:Event):void {
		var file:FileReference = e.target as FileReference;
		appendTextToOutPut(RM.getString(BUNDLE_ASMT_MGT, "template.download.success", [file.name, FileUtils.formatFileSize(file.size)]));
		log.info("模板文件下载结束: " + file.name + "-" + file.size);
	}

	// 当下载取消时响应. */
	protected function onDownloadCancel(e:Event):void {
		appendTextToOutPut(RM.getString(BUNDLE_ASMT_MGT, "controller.download.canceled"));
	}

	// 当下载出现错误时响应. */
	protected function onDownloadError(e:IOError):void {
		appendTextToOutPut(RM.getString(BUNDLE_ASMT_MGT, "template.download.error", [e.message]));
		log.error("下载出错" + e.message);
	}