Flex中如何使用A标签解决Text中给部分文字加连接的问题。

 

在最近开发中遇见了一个问题,在一个Text中需要在其中部分文字中加上连接,连接点击后弹出TitleWindow。如果可以将文字分成多个组件弹出TitleWindow当然很简单,但是现在由于显示的字是动态的可能会有换行的可能,所以不能分成多个Label显示。
  解决办法:
1、在Text将需要加连接的字符串放进A标签中,如showText.htmlText = "供应地图共32种";
2、然后给Text加上TextEvent.LINK监听,在回调中就可以写弹出的代码。
  注意事项:
1、不能给Label加,加了之后会发现点了Label没有反应;
2、A标签中href属性如果不写成以“event:”开头页面会跳转,可能有别的写法能让他不跳转,但目前还未发现。
2、如果要给Link事件的回调传入参数,则可以在href属性写上“event:参数”。A标签中href属性后面必须以event:开头,因为在Link事件的回调中TextEvent对象的text属性得到的就是URL中event:的值。


   
  
 
    

在Text将需要加连接的字符串放进A标签中,如showText.htmlText = "供应地图共32种";

什么意思?怎么加?下面提到的“event”什么意思?能不能举个例子说明?


   
  
 
    

showText.htmlText = "供应地图共<a href='event:mapNum'>32种</a>"
注意事项三中已经解释过这个event:的用法了。例子如下:
//给showText加上链接的监听showTextLinkHandler
showText.addEventListener(TextEvent.LINK, showTextLinkHandler);

//监听的回调方法
private function showTextLinkHandler (event:TextEvent):void {
    trace(event.text);//打印出:mapNum
}

 
  
 
  

也可以试试TLF(特点:跟html一样,很灵活):

例子代码如下:
    <s:RichEditableText paddingLeft = "15" paddingTop = "3" paddingRight = "3"
                        paddingBottom = "3" width = "100%" height = "100%"
                        editable = "false" focusEnabled = "false" id = "newBulletField">
        <s:textFlow>
            <s:TextFlow>
                <s:linkHoverFormat>
                    <s:TextLayoutFormat textDecoration = "none" lineHeight = "20"/>
                </s:linkHoverFormat>
                <s:linkNormalFormat>
                    <s:TextLayoutFormat lineHeight = "20"/>
                </s:linkNormalFormat>
                <s:p>
                    <s:img source = "assets/img/videoCourse.png" width = "117"/>
                </s:p>
                <s:p>1、系统功能介绍《s:a href = "assets/help/systemIntro.swf" target = "_blank">
                        <s:img source = "assets/img/video.png" width = "24"/>
                    </s:a>
                </s:p>
                <s:p>2、计划编制过程<s:a href = "assets/help/planEdit.swf" target = "_blank">
                        <s:img source = "assets/img/video.png" width = "24"/>
                    </s:a>
                </s:p>
                <s:p>3、审核与签发过程<s:a href = "assets/help/planEdit.swf" target = "_blank">
                        <s:img source = "assets/img/video.png" width = "24"/>
                    </s:a>
                </s:p>
            </s:TextFlow>
        </s:textFlow>
    </s:RichEditableText>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值