FABridge½Ì³Ì(Flex+Ajax) 2
ʹÓÃ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"?>
<!-- Simple example to demonstrate the DateTimeAxis class. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
import mx.collections.ArrayCollection;
......
Ïò´ó¼ÒÍÆ¼ö10¸öÏ൱°ôµÄAjaxºÍJavascript¹úÍâ×ÊÔ´ÍøÕ¾»ò²©¿Í£¬ËüÃÇÌṩÁËÏ൱¶àµÄ¸ßÖÊÁ¿Ajax¡¢JavascriptʵÀý¼°½Ì³Ì£¬Ï²»¶AjaxºÍJavascriptµÄÅóÓѾø¶Ô²»ÄÜ´í¹ý¡£
1.Ajax Rain
AjaxRainÓкܶàÍêÃÀÕûºÏAJAX, CSS, DHTML »ò JavascriptµÄʵÀý£¬ÓÐһЩDemoµÄÈ·ÖµµÃÄãÈ¥¿´Ò»¿´£¬¼´Ê¹Äã²»ÊÇÍøÒ³Éè¼Æ(¿ª·¢)ʦ¡£
Ajax/Javascri ......
xmlHTTP¶ÔÏóµÄÎÊÌâ ǰÁ½Ìì°²×°ÁËIE7.0,½ñÌìÈ´·¢ÏÖǰ¼¸ÌìÓÃajax¿ª·¢µÄй¦Äܾ¹È»ÎÞ·¨Ê¹ÓÃ,¾¹ý±¾ÈËϬÀûµÄÄ¿¹â´ó·¶Î§µÄËÑË÷,ÖÕÓÚÕÒµ½Á˽â¾ö°ì·¨,ÔÒòÊÇIE7.0±ÈIE6.0¶àÁ˱¾µØXMLHTTPÖ§³Ö¡£ËùÒÔ½â¾ö·½·¨Ö®Ò»¾ÍÊǵã»÷¡°¹¤¾ß¡±->¡°InternetÑ¡Ï->¡°¸ß¼¶¡±£¬ÔÚ¡°°²È«¡±½ÚµãÏÂÕÒµ½¡°ÆôÓñ¾»úXMLHTTPÖ§³Ö¡±£¬¸ÃÑ¡ÏîĬÈÏÊǹ³Ñ¡£¬½ ......
¸ü¶à Flex 4 ʾÀý£¬Çëµ½ http://www.slsay.com
ÏÖÓгÉÊì³£ÓõÄFlex¿ò¼Ü£º
Cairngorm (Adobe Open Source) - MVC framework
PureMVC (Open Source) - MVC framework
Mate (Open Source) - tag-based, event-driven
Swiz (Open Source) - Metadata-based Dependency Injection ......
ÈóǬ¼´Ê±±¨±í²»½ö¿ÉÒÔͨ¹ýÍÏ×§µÄ·½Ê½ÇáËÉʵÏÖ¸÷ÖÖ³£¼ûÀàÐ͵Äweb±¨±íÖÆ×÷£¬¶øÇÒÔÚÕ¹ÏÖ±¨±íʱ»¹ÌṩÁËÁé»îµÄFlex¹¤¾ßÌõ£¬¿ÉÒÔͨ¹ýFlex¹¤¾ßÌõʵÏÖµ÷ÕûÁÐ¿í¡¢ÅÅÐòºÍ¹ýÂËÏÔʾÊý¾ÝµÈ¹¦ÄÜ¡£ÏÂÃæ¾ÍÏȼòµ¥µÄ½éÉÜÒ»ÏÂÈçºÎʹÓÃFlex¹¤¾ßÌõµ÷ÕûÁÐ¿í¡£ ÎÒÃÇÉè¼ÆÒ»¸ö¼òµ¥ÀàÐ͵ı¨±í£¬±¨±í²é¿´ÈçÏÂͼ ÔÚÉÏͼÖÐÎÒÃÇ¿ÉÒÔ¿´µ½£¬µ±¹ÍÔ±µØÖ·¹ý³ ......