Flex数据绑定失效的问题

 

我在TabNavigator中的多个tab页内都做了组件间的属性绑定操作：

<mx:Image id="imgVideo" source="{videoClass}" visible="false" width="100%" height="100%" horizontalAlign="center"
includeInLayout="{imgVideo.visible}"/>

<mx:Button width="30" enabled="{imgVideo.visible}" label="播放" paddingLeft="0" paddingRight="0"/>

 

 

protected function changeHandler(event:IndexChangedEvent):void

{

if (event.newIndex == 1 && this._question && this._question.soundSourceMode.filePath)

{

loadSoundFromFilePath(this._question.soundSourceMode.filePath);

}

else if (event.newIndex == 2 && this._question && this._question.videoSourceMode.filePath)

{

imgVideo.visible = true;

videoBtn.visible = false;

}

}

 

 

 

其它的tab页中都正常，唯有上面这段代码没起作用。

 

 

经过代码替换，删除调试等没有发现问题。但一篇博客让我明白了原由：

Flex 数据绑定易犯的错误：普遍的误用和错误

 

 

原来是组件初始化的问题，　我改变image的属性时该组件初始化还未完成，也就是说属性的改变并发生在属性绑定之后，而属性的绑定动作在初始化时是有异常的。当我通过as改变了组件的属性时，它并未起作用。　相反，我另一段代码(与上面非常类似)，只是因为是在一段延迟之后才做了属性的变化，因此它起到了应有的作用。　从上面as代码中可以看出，我是在change事件中做的属性的改变。　但第一个改变发生在另外一个方法中，实际这个方法中有一段异步加载的代码，也就有了一些延时，所以它没问题。　但第二个是立即执行的。　我的子代加载策略是自动的，所以在方法事件处理时子组件并未初始化完毕，只是可以访问了。

 

我试了两种方法，　一是将子代加载策略设置为all，二是让属性的改变作一个延迟：

creationPolicy="all"

or

 

callLater(function():void

{

imgVideo.visible = true;

videoBtn.visible = false;

});

 

真是如博主所说：　若开发者不完全理解它的机制的话，可能会给程序造成初始化缓慢或失败的问题。