Flex中如何截去ComboBox下拉菜单内容较长项目用“…”表示的例子

By Minidxer | March 8, 2009

接下来的例子演示了Flex中如何截去ComboBox下拉菜单内容较长项目用“…”表示。

让我们先来看一下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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Array id="arr">
  8.         <mx:Object label="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
  9.         <mx:Object label="Donec sit amet dui nec pede aliquam auctor." />
  10.         <mx:Object label="Integer vestibulum sodales dui." />
  11.         <mx:Object label="Sed nonummy ligula et tortor." />
  12.         <mx:Object label="Aenean varius neque vel felis." />
  13.         <mx:Object label="Phasellus venenatis ipsum sit amet nisi." />
  14.         <mx:Object label="Nullam vitae turpis et ipsum cursus venenatis." />
  15.         <mx:Object label="Pellentesque tincidunt pede non arcu." />
  16.         <mx:Object label="Aliquam ut massa quis ante dignissim egestas." />
  17.         <mx:Object label="Curabitur facilisis velit sit amet metus." />
  18.         <mx:Object label="Vivamus ornare massa ac massa." />
  19.         <mx:Object label="Nam accumsan rutrum purus." />
  20.     </mx:Array>
  21.  
  22.     <mx:ComboBox id="cb"
  23.             dataProvider="{arr}"
  24.             itemRenderer="mx.controls.Label"
  25.             width="200" />
  26.  
  27. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: ComboBox | 1 Comment » | Tags: , ,

Search Posts