ajax-bridge 以及它在web中的应用

FABridge.flashvars变量值.root();//为啥FABridge.flashvars变量值为null? copy网上的代码少了一个和html同名的js

选中根目录，右键-->create  Ajax Bridge:

会产生一个AjaxBridge目录，在这个目录中打开html页,只需在这个页中增加js,修改body的内容即可

例如：ajax-bridge3: 向main.html文件中增加的内容：

function createFlexButton(){
  var flexApp=FABridge.b_main.root();

                //和该文件同名的js :FABridge.addInitializationCallback("b_main", mainReady); 是对应的
  var btn=FABridge.b_main.create("mx.controls.Button");
  alert(btn);
  btn.setWidth(70);
  btn.setHeight(25);
  btn.setLabel("test");
  var callback=function(){
   flexApp.testAlert();
   alert("Hello ");
  }

  btn.addEventListener("click",callback);
  flexApp.getMyVbox().addChild(btn);
 }

 function selectChange(){
  var flexApp=FABridge.b_main.root();
  flexApp.getMyImage().setSource(imgSelect.value);
 }
</script>

 

<div>
  <label>选择图片：</label>
  <select name="imgSelect" onchange="selectChange()">
   <option value="image/dog.jpg">dog</option>
   <option value="image/pig.jpg">pig</option>
   <option value="image/duck.jpg">duck</option>
  </select>
  <br/>
  <input type="button" onclick="createFlexButton()" value="创建按钮"/>
 </div>