使用js来操作flex
首先在fademo.mxml中声明一个button，并添加一个btnClick方法：
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="0" minHeight="0" width="400" height="300" xmlns:bridge="bridge.*">
<fx:Declarations>
<bridge:FABridge/>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<!--[CDATA[
import mx.controls.Alert;
public function btnClick():void
{
Alert.show("按钮被点击了","title");
}
]]-->
</fx:Script>
<s:TextInput x="160" y="96" id="txtName"/>
<s:Button x="218" y="139" label="按钮" id="btn"/>
</s:Application>
然后将这个方法暴露给js端，修改（或重新生成）fademo.js，在fademoReady（）方法中添加fademo对btn按钮及btnClick方法的调用：
function fademoReady() {
b_fademo_root = FABridge["b_fademo"].root();
fademo.getBtn = function () {
return b_fademo_root.getBtn();
};
fademo.getTxtName = function () {
return b_fademo_root.getTxtName();
};
fademo.callBack = function() {
b_fademo_root.callBack();
};
}
这样在html中，因为已经对fademo.js做了引用，所以就可以直接使用新定义的这些方法了，修改html：
<head>
<title>Test page for the fademo class</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<mce:script type="text/javascript" src="lib/FABridge.js" mce_src="lib/FABridge.js"></mce:script>
<mce:script type="text/javascript" src="fademo.js" mce_src="fademo.js"></mce:scr
<?xml version="1.0" encoding="utf-8"?>
<!-- http://yecon.blog.hexun.com/31030831_d.html -->
<!-- http://www.slsay.com -->
<Application name="FileReference_load_test"
xmlns="http://ns.adobe.com/mxml/2009"
xmlns:mx="library:adobe/flex/halo"
xmlns:net= ......
