FABridge½Ì³Ì(Flex+Ajax)
½ñÌìÕÒһЩFlex×ÊÁÏ£¬Å¼È»·¢ÏֺܶàÈËÔÚÎÊÓйØFABridgeµÄÎÊÌ⣬¿´ÁËһϣ¬´óÖ¶¼ÊÇÔÚÎÊÔÚFlashBuilderÖÐÈçºÎͨ¹ýFABridgeÀ´ÊµÏÖF-AµÄ½»»¥¡£¼òµ¥ËµËµ°É¡£
Ò».ͨ¹ýjs·ÃÎÊFlex×é¼þ
1.×¼±¸¹¤×÷¡£ÏȽ¨Á¢Flex¹¤³Ì :fademo£¬²¢·ÅÖÃÒ»¸öÎı¾¿ò:txtName¡£×öÍêºó´úÂëÓ¦¸ÃÀàËÆÓÚÕâ¸öÑù×Ó£º
<?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">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:TextInput x="160" y="96" id="txtName"/>
</s:Application>
·Ç³£¼òµ¥£¬ºÇºÇ¡£ÎÒÓõÄflex4£¬flex3µÄ»°Ò²ÀàËÆ¡£
×¢ÒâÒ»µã£¬flash³õʼ´óС±ðÉèÖõÄÌ«´óÁË£¬·ñÔò»á¿´²»µ½Îı¾¿ò¡£
2.ÔÚ¹¤³ÌÉϵãÓÒ¼ü£¬Ñ¡Ôñ¡¾´´½¨Ajax Bridge¡¿£¬Ìí¼ÓFABridgeÖ§³Ö¡£ÕâÀï»áÈÃÄãÑ¡Ôñ¶Ôµ±Ç°¹¤³ÌÖÐÄÄЩÀࣨÊôÐÔ£¬·½·¨£©½øÐÐFAÇŽӡ£³õѧµÄ»°£¬Ö»Ñ¡ÔñÎÒÃÇ´´½¨µÄÎı¾¿ò¼´¿É£¬ÃâµÃµÈ»ájs´úÂëÌ«¶à¡£ÕâÀïÎÒÃÇֻѡÖÐtxtNameÇ°ÃæµÄ¹´¹´¡£µã»÷È·¶¨°´Å¥¡£
3.¿´¿´¶¼ÓÐʲô±ä»¯£¿Ê×ÏÈÔÚsrcÄÚ¶àÁËÒ»¸öbridge°ü£¬ÆäÄÚ¶àÁ˸öFABridge.as£»Æä´Î£¬ÔÚ¹¤³ÌĿ¼Ï£¬Ò²´´½¨ÁËÒ»¸öÃûΪAjaxBridge\fademoµÄĿ¼£¬ÆäÖÐlibÏÂÓÐÒ»¸ö¶ÔÓ¦µÄFABridge.js¡£ÕâÁ½¸öÎļþµÄ×÷ÓÃÎҾͲ»·Ï»°ÁË£¬ÊǺËÐÄ£¬²»¹ýÎÒÃDz»ÐèÒª¶¯Ëü¡£
ÁíÍ⣬»¹ÓÐÎÒÃÇÏÂÃæÒªËµµÄÁ½¸öÎļþ£¬fademo.jsºÍfademo.html£¬ÕâÁ½¸öÎļþÊÇÎÒÃÇÐèÒª¹Ø×¢µÄ£¬¼ò½àÆð¼û£¬ÎÒ°ÑÓ¢ÎÄ×¢ÊÍ»»µôÁË¡£
ÏÈ¿´¿´fademo.js£º
//¶¨ÒåÒ»¸öÈ«¾Ö±äÁ¿fademo
fademo = {};
//»Øµ÷
FABridge.addInitializationCallback("b_fademo", fademoReady);
function fademoReady() {
//¾Ö²¿±äÁ¿£¬»ñµÃFlexÓ¦Óã¨b_fademo£©µÄ¸ù£¬¿ÉÒÔͨ¹ýb_fademo_root²Ù×÷flex
b_fademo_root = FABridge["b_fademo"].root();
//ΪfademoÌí¼ÓÒ»¸ö·½·¨getTxtName£¬Ï൱ÓÚfademo½èÖúb_fademo_root²Ù×÷flex
fademo.getTxtName = function () {
return
Ïà¹ØÎĵµ£º
±¾ÎıàÒëºóµÄ²¹¶¡ÏÂÔØÁ´½Ó http://download.csdn.net/source/1908278
¶àÄ£¿éÓ¦Óã¬Ã¿¼ÓÔØÒ»¸öÄ£¿é¶¼»áÖØ¸´¼ÓÔØÄ£¿éËùʹÓõÄRSL£¬ÏÖÔÚÔö¼ÓÒ»¸ö
private static var loadedRSLs:Dictionary = new Dictionary(); À´±£´æÊÇ·ñÒѼÓÔØ
mx.core.RSLListLoader
//////////////// ......
±¾ÏµÁÐÎÄÕÂÖ÷Òª½éÉÜÁ˹ØÓÚFlexÓë.NET½áºÏ¿ª·¢ÖеÄһЩ»¥²Ù×÷ÐÔ£¬°üÀ¨ÍøÂçͨÐÅ¡¢Êý¾Ý¼ÓÔØ¡¢Êý¾Ý´«Êä¡¢Îļþ´«Êä¡¢ÒÔ¼°Ó¦ÓÃÓÚFlexÓë.NETÐ×÷¿ª·¢µÄͨÐÅÍø¹Ø¿ªÔ´ÏîÄ¿FluorineFxµÄÏà¹ØÖªÊ¶µã¡£
¿ªÔ´ÏîÄ¿FluorineFx¾ÍÊÇרÃÅÕë¶Ô.NETƽ̨ÓëFlexͨÐÅÌṩµÄAMFÐÒéͨÐÅÍø¹Ø£¬ÎÒÃÇ¿ÉÒÔͨ¹ ......
1¡¢×Ô¶¨Òå×é¼þ
2¡¢×Ô¶¨Òåʼþ
3¡¢½áºÏʹÓÃ
Ò»¡¢×Ô¶¨Òå×é¼þ£¨Ê¹ÓõÄÊÇFlex×é¼þ£¬ActionScript×é¼þÏà¶ÔÂé·³µã£¬¿ÉÊÓ»¯²îµã£©
¸Ã×é¼þÓÉÒ»¸öTextAreaºÍÁ½¸öButton×é³É£¬Èçͼ£º
´úÂ룺
MyComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width=" ......
Blinds.as
package effects
{
import effects.effectClasses.BlindsInstance;
import mx.controls.scrollClasses.ScrollBarDirection;
import mx.effects.IEffectInstance;
import mx.effects.TweenEffect;
public class Blinds extends TweenEffect
{
......
ʲôÊÇ AJAX ¿â API£¿
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ google.load() ·½·¨£¬ÄúµÄÓ¦ÓóÌÐòÄܹ»Ñ¸ËÙ´ÓÈ«ÇòÈκÎλÖ÷ÃÎʲ»¶ÏÔö³¤µÄ¡¢×îÊÜ»¶ÓµÄ¿ªÔ´ JavaScript ¿âÁÐ±í£¬°üÀ¨£º
jQuery
jQuery UI
Prototype
script.aculo.us
Mo ......