Flex中如何创建复数行文本内容的List的例子

By Minidxer | October 30, 2008

接下来的例子演示了Flex中如何创建复数行文本内容的List。

让我们先来看一下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.         creationComplete="init();">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.rpc.events.FaultEvent;
  11.             import mx.rpc.events.ResultEvent;
  12.  
  13.             private function init():void {
  14.                 commentsXML.send();
  15.             }
  16.  
  17.             private function commentsXML_result(evt:ResultEvent):void {
  18.                 var resultXML:XML = evt.currentTarget.lastResult;
  19.                 list.dataProvider = resultXML.channel.item;
  20.             }
  21.  
  22.             private function commentsXML_fault(evt:FaultEvent):void {
  23.                 mx.controls.Alert.show("Unable to load XML:n" + commentsXML.url, "ERROR");
  24.             }
  25.         ]]>
  26.     </mx:Script>
  27.  
  28.     <mx:HTTPService id="commentsXML"
  29.             url="http://blog.minidx.com/comments/feed/"
  30.             resultFormat="e4x"
  31.             showBusyCursor="true"
  32.             result="commentsXML_result(event);"
  33.             fault="commentsXML_fault(event);" />
  34.  
  35.     <mx:List id="list"
  36.             variableRowHeight="true"
  37.             wordWrap="true"
  38.             labelField="title"
  39.             width="250" />
  40.  
  41. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: List | No Comments » | 775 views Tags: , , , ,

Search Posts