Flex中如何在RichTextEditor的标题栏设置一条状态消息的例子

By Minidxer | December 10, 2008

接下来的例子演示了Flex中如何在RichTextEditor的标题栏设置一条状态消息。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

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.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.events.FlexEvent;
  10.             import mx.controls.TextArea;
  11.             import mx.controls.RichTextEditor;
  12.  
  13.             private const MAX_CHARS:uint = 100;
  14.  
  15.             private function richTextEditor_creationComplete(evt:FlexEvent):void {
  16.                 RichTextEditor(evt.currentTarget).textArea.maxChars = MAX_CHARS;
  17.             }
  18.  
  19.             private function richTextEditor_change(evt:Event):void {
  20.                 var rte:RichTextEditor = evt.currentTarget as RichTextEditor;
  21.                 var rteTA:TextArea = rte.textArea as TextArea;
  22.                 rte.status = rteTA.length + "/" + rteTA.maxChars;
  23.             }
  24.         ]]>
  25.     </mx:Script>
  26.  
  27.     <mx:RichTextEditor id="richTextEditor"
  28.             title="Rich Text Editor"
  29.             height="200"
  30.             change="richTextEditor_change(event);"
  31.             creationComplete="richTextEditor_creationComplete(event);" />
  32.  
  33. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: RichTextEditor | No Comments » | 467 views Tags: , ,

Search Posts