Flex中如何在Panel控件的status文本中添加一个链接的例子

接下来的例子演示了如何利用 getStatusTextField()事件和 mx_internal命名空间,在Flex的Panel容器的status文本中指定一个HTML格式的链接字符串。
需要注意的是:和前面的 如何显示,隐藏Flex的TitleWindow容器关闭按钮(close button)的例子, Flex的Alert消息框中设置icon图标的例子等一样,由于例子中用到了 mx_internal命名空间(namespace),无法保证在后续版本的Flex SDK中都可以正常工作,使用的时候自己要斟酌一下。
Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white"
  6.         creationComplete="init();">
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.core.IUITextField;
  10.             import mx.controls.Alert;
  11.             private function init():void {
  12.                 var tf:IUITextField = panel.mx_internal::getStatusTextField();
  13.                 tf.selectable = true;
  14.                 tf.addEventListener(TextEvent.LINK, textField_link);
  15.                 tf.htmlText = "status with <a href='event:showAlert'><u>link</u></a>";
  16.             }
  17.             private function textField_link(evt:TextEvent):void {
  18.                 Alert.show("Success! A Panel container with a link in the status text.", evt.text);
  19.             }
  20.         ]]>
  21.     </mx:Script>
  22.     <mx:Panel id="panel"
  23.             title="Title"
  24.             status="status with link"
  25.             width="320"
  26.             height="240">
  27.         <mx:Text text="Click the link in the Panel container's status bar to launch an Alert control."
  28.                 width="100%" selectable="false" />
  29.         <mx:ControlBar>
  30.             <mx:Text htmlText="&lt;b&gt;Note:&lt;/b&gt; The status text field must have it's selectable property set to true in order to dispatch the link event."
  31.                     width="100%" selectable="false" />
  32.         </mx:ControlBar>
  33.     </mx:Panel>
  34. </mx:Application>

你可能感兴趣的:(职场,休闲)