2.6.設置控件的labelFunction

2024-04-27 13:51:45

字體：大中小

來源：轉載

供稿：網友

2.6.1. 問題
我需要組合一個數據提供器中不同的字段來自定義ComboBox 組件的顯示文本。
2.6.2. 解決辦法
使用ComboBox 組件的labelFunction 屬性來指定定義顯示文本的自定義函數。
2.6.3. 討論
默認情況下，在Flex 中基于List 的控件都是使用dataProvider 中的元素的label 屬性來做顯示。在一些情況中，無論如何，dataProvideer 中都沒有label 屬性存在，這些情況就需要你來設定連接dataProvider 中的多個字段來實現一個顯示值。這個labelFunction 屬性允許用戶定義自己的方法來呼叫dataProvider 中每個元素，然后對于每個元素返回顯示值。如下范例，ComboBox 的labelFunction 屬性包含了一個getFullName 函數的引用，這個函數連接了dataProvider 中單個元素的fName 和lName 字段來返回一個全名的字串。

-XML

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal">
<mx:ComboBox dataProvider="{myDP}"
labelFunction="getFullName"/>
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var myDP:ArrayCollection =
new ArrayCollection([
{id:1,fName:"Lucky", lName:"Luke"},
{id:2, fName:"Bart", lName:"Simpson"}]);
private function getFullName(item:Object):String{
return item.fName + " " + item.lName;
}

]]>
</mx:Script>
</mx:Application>