FLEX文本編輯（樣式、超鏈接、調用as方法）

FLEX文本編輯的關鍵詞 ： htmlText

FLEX的文本顯示控件如 Text、TextArea、RichTextEditor等都有htmlText屬性。

進行編輯時是符合html規範的

加粗用<b></b>下劃線<u></u>樣式用<font>等等

這是一個外部超鏈接的例子

txt.htmlText= "<a href='http://www.asarea.cn' target='_blank'><u><font color='#2969c0' size='13'>請點擊</font></u</a>";

但是如何實現點擊鏈接調用flash內部的方法？as如何感知按鈕被點擊？那就要用到文本顯示空間的監控屬性TextEvent.LINK，對Text、TextArea、RichTextEditor的監控都會有此屬性

    txt.addEventListener(TextEvent.LINK, linkHandler);
 
   function linkHandler(event:TextEvent):void
   {
        ···········································
   }

這裏的linkHandler在link被點擊時觸發，並通過event:TextEvent傳遞參數。

下面看一下TextEvent，先說一下觸發機制，href的寫法必須爲<a href=/"event:參數/">的形式，顯然，上面的例子並不能觸發linkHandler。

第二點，TextEvent的主要參數，type，一般鏈接的type爲“link”，text屬性就是/"event:參數/"中的參數，這樣就可以通過擴展linkHandler實現特定的鏈接執行特定的內部方法，例子如下

<?xml version="1.0" encoding="utf-8"?> <mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" showCloseButton="{!isRegister}" height="550" close="PopUpManager.removePopUp(this)" xmlns:ng="dps.component.common.*" layout="absolute" creationComplete="init()" styleName="bluepanel" width="490" title="Welcome to Dynamic Printer System" verticalAlign="middle"> <!--<mx:Script source="../../../DPSImage.as"/>--> <mx:Script> <!--[CDATA[ import mx.managers.PopUpManager; import mx.core.Application; public var loginUserId:String; [Bindable]public var str:String; [Bindable]public var isRegister:Boolean; public function init():void { str = "<b>What is Dynamic Printer System</b> /n /n" + "Dynamic Printer System is a simple to use tool, created to help you monitoring printers across floors in different buildings even different sites. You will receive instance mail notification about the problem printers and fix it instantly. Further more, it provides reports for toner usage predication, response time report and printer paper jam frequency summary./n/n" + "<b>Tool highlights</b> /n/n" + "<b>Real Time Monitoring</b>, you will review the real time printer status/n" + "<b>Alert Notification</b>, system reminder you instantly for printer alerts /n" + "<b>E-Office Mapping</b>, you will find printer's physical location in our E-Office mapping /n" + "<b>Reporting</b>, you can analysis the toner usage, response time and paper jam frequency. /n/n" + "<b>Need more help?</b>/n/n" + "To find user support for Dynamic Printer System, please <a href="mailto:[e-mail]" mce_href="mailto:[e-mail]"><u><font color='#2754d5'>contact us</font></u></a>./n/n" + "========================================================/n" + "Link : <a href="/" mce_href="/""event:register/"><u><font color='#2754d5'>Request to use it!</font></u></a> Click here to register to use it."; txt.addEventListener(TextEvent.LINK, linkHandler); } private function linkHandler(event:TextEvent):void { if(event.text == "register") { register(); } if(event.text == "contract") { //register(); } } public function register():void { var addTenant:TenantAddView = TenantAddView(PopUpManager.createPopUp(Application.application as DisplayObject,TenantAddView,true)); addTenant.register = true; addTenant.isNew = true; addTenant.loginUserId = loginUserId; PopUpManager.centerPopUp(addTenant); } ]]--> </mx:Script> <mx:Metadata> [Event(name="UPDATE",type="flash.events.DynamicEvent",bubbles="true",cancelable="true")] </mx:Metadata> <mx:VBox paddingLeft="10" paddingRight="10" paddingTop="20" > <mx:Text htmlText="{str}" width="460" id="txt"/> </mx:VBox> </mx:TitleWindow>

第一個鏈接實現了發送郵件到我的郵箱，第二個實現了調用內部的register（）方法。