`

Flex学习记录(设置控件的labelFunction)

阅读更多
默认情况下,在Flex 中基于List 的控件都是使用dataProvider 中的元素的label 属性来做显
示。在一些情况中,无论如何,dataProvideer 中都没有label 属性存在,这些情况就需要你
来设定连接dataProvider 中的多个字段来实现一个显示值。这个labelFunction 属性允许用户
定义自己的方法来呼叫dataProvider 中每个元素,然后对于每个元素返回显示值。如下范例,
ComboBox 的labelFunction 属性包含了一个getFullName 函数的引用,这个函数连接了
dataProvider 中单个元素的fName 和lName 字段来返回一个全名的字串。
Code View:
<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>
分享到:
评论

相关推荐

    flex学习笔记,技巧学习

    根据提供的信息,我们可以总结出以下关于Flex学习笔记中的关键技术知识点...综上所述,这些Flex学习笔记涵盖了从基本样式设置到复杂的数据处理与展示等多个方面。对于初学者来说,这些都是非常实用且必须掌握的知识点。

    一个非常不错的flex时间控件,内附运行图

    一个非常不错的flex时间控件 ()}" labelFunction="selectDateTime" width="150"/&gt; public function selectDateTime(item:Date):String { return item.fullYear + "-" + item.month + "-" + item.dateUTC + ...

    flex4.5学习笔记

    ### Flex4.5学习笔记知识点总结 #### 一、Flex基础——布局 **知识点1:Flex布局** - **垂直布局** (`s:VerticalLayout`): 控件垂直排列。 - **水平布局** (`s:HorizontalLayout`): 控件水平排列。 - **平铺布局**...

    Flex中DataGrid和其它控件使用

    在Flex开发中,DataGrid是常用的数据显示控件,它能够以表格的形式展示大量数据,并提供了丰富的功能,如排序、分页、筛选等。本篇文章将深入探讨Flex中的DataGrid及其与其他控件的协同使用。 首先,DataGrid的核心...

    Flex datagrid 自动设置列宽

    然而,Flex DataGrid默认并不提供直接设置列宽的功能,这可能会给开发者带来一些困扰,特别是当数据显示的需求较为复杂时。不过,有一些策略和技巧可以帮助我们实现自动设置列宽的功能,以适应不同的数据和用户界面...

    flex4 选择树组件

    如果需要自定义,可以设置`labelFunction`属性,指定一个函数来生成节点的显示文本。 4. **节点选择**:Tree组件提供了多种选择模式,如单选或多选。你可以通过`allowMultipleSelection`属性控制是否允许多选,通过...

    flex做的四种图表(线、柱、饼、区域)直接用js调用

    每个扇区代表数据源中的一个条目,通过PieSeries类设置数据系列,调整sliceWidth表示每个扇区的大小,使用labelFunction可以自定义每个扇区的标签内容。 区域图则强调了数据的范围和区间,通常用于展示连续性数据的...

    flex 统计,柱状图,饼图。

    `labelFunction`可以自定义显示的标签,`showDataLabels`属性控制是否显示数据标签,而`explodeRatio`可以设置某个扇区突出的比例。 为了方便使用,通常会预先打包好这些图表组件,形成库或者独立的SWC文件,用户...

    Flex ColumnChart获取得焦点改变颜色

    - `LinearAxis`:定义了纵轴为线性轴,`baseAtZero="false"`表示纵轴不一定从零开始,`minimum`和`maximum`则设置了纵轴的最小值和最大值范围,`labelFunction`引用了自定义的`linearAxis_labelFunc`函数来格式化轴...

    Flex做雷达图例子

    在Flex中,可以使用`CategoryAxis`类来创建轴,并设置其`labelFunction`属性来自定义标签。图例可以通过`Legend`组件来创建,通过`dataProvider`属性关联到图表。 在`RadarChartTest`这个文件中,很可能包含了实现...

    Flex画 坐标轴曲线 项目用过的 flex4 开发

    在Flex4开发中,创建坐标轴曲线图是一种常见的需求,特别是在数据可视化和图表展示的应用中。Flex是一个基于ActionScript和MXML的开放源代码框架,主要用于构建富互联网应用程序(RIA)。它提供了强大的图形和组件库...

    flex 映射DataGrid,修改DataGridColumn显示值

    此外,我们还可以为DataGridColumn设置`labelFunction`属性,指向我们自定义的函数: ```xml 选择" width="40" labelFunction="typeLableFunc" /&gt; ``` ### 2. 使用同一函数处理多列 如果多个列需要使用相同的...

    flex tree的简单使用

    首先,我们要知道Tree组件是Adobe Flex SDK中的一个控件,它允许用户以节点和子节点的形式查看数据。在Flex中,我们可以使用MXML或ActionScript来创建和配置Tree对象。在简单的用法中,我们通常会关注以下几个关键点...

    flex3的cookbook书籍完整版dpf(包含目录)

    设置控件的labelFunction 2.7节. 提供菜单数据 2.8. 动态填充菜单 2.9节. 为菜单类控件创建事件处理函数 2.10节. 显示一个通知窗口 2.11节. 使用Calendar控件 2.12节. 弹出窗口的显示和位置 2.13节. 自定义弹出式...

    Flex数据显示与数据验证

    根据给定的信息,本文将详细解析Flex中的数据验证与显示技术。主要聚焦于Flex框架下对日期、货币以及字符串等数据类型的验证与显示方法,并通过示例代码进行具体阐述。 ### Flex中的数据验证 Flex提供了丰富的功能...

    Flex中tree实现的种种细节

    在Flex开发中,Tree组件是用于展示层次结构数据的关键元素,它可以用来呈现文件系统、组织结构等具有层级关系的...通过深入学习和实践,开发者可以更好地满足用户对层次结构数据展示的需求,提升Flex应用的用户体验。

    flex 根据时间来画出动态曲线

    在IT领域,特别是针对Web应用开发中的数据可视化技术,Adobe Flex框架因其强大的图表绘制功能而备受推崇。在本文中,我们将深入探讨一个Flex应用案例,该应用能够根据时间动态地绘制出曲线图,具体实现涉及Flex中的...

    flex4 dataGrid 日期格式转换

    总结起来,Flex 4中的`DataGrid`通过结合`DateFormatter`和自定义的`labelFunction`可以方便地实现日期格式的转换,使数据显示更加人性化。理解并熟练运用这些技巧,可以提升用户体验,增强应用程序的易用性。

    ArcGIS_For_Flex_地图内嵌饼状图

    ### ArcGIS For Flex 地图内嵌饼状图——深入解析与实现 #### 知识点一:ArcGIS For Flex 的地图内嵌功能 ArcGIS For Flex 是一款强大的地理信息系统开发平台,允许开发者创建高度定制化的地理应用。通过内嵌饼状...

    flex 常用组件附例子介绍

    ### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要用于展示表格形式的数据集。它能够显示包含多列数据的信息,并提供了丰富的交互特性,使得用户能够方便地操作...

Global site tag (gtag.js) - Google Analytics