Flex中如何截去ComboBox下拉菜单内容较长项目用“…”表示的例子
By Minidxer | March 8, 2009
接下来的例子演示了Flex中如何截去ComboBox下拉菜单内容较长项目用“…”表示。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Array id="arr">
- <mx:Object label="Lorem ipsum dolor sit amet, consectetuer adipiscing elit." />
- <mx:Object label="Donec sit amet dui nec pede aliquam auctor." />
- <mx:Object label="Integer vestibulum sodales dui." />
- <mx:Object label="Sed nonummy ligula et tortor." />
- <mx:Object label="Aenean varius neque vel felis." />
- <mx:Object label="Phasellus venenatis ipsum sit amet nisi." />
- <mx:Object label="Nullam vitae turpis et ipsum cursus venenatis." />
- <mx:Object label="Pellentesque tincidunt pede non arcu." />
- <mx:Object label="Aliquam ut massa quis ante dignissim egestas." />
- <mx:Object label="Curabitur facilisis velit sit amet metus." />
- <mx:Object label="Vivamus ornare massa ac massa." />
- <mx:Object label="Nam accumsan rutrum purus." />
- </mx:Array>
- <mx:ComboBox id="cb"
- dataProvider="{arr}"
- itemRenderer="mx.controls.Label"
- width="200" />
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
ComboBox |
1 Comment » |
Tags: ComboBox, itemRenderer, truncateToFit
Trackbacks