`
FlexEye
  • 浏览: 17516 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

labelFunction

阅读更多

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

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;

			[Bindable]
			private var dataProvider:ArrayCollection=new ArrayCollection([{id: 1, Name: "book", Value: "java"}, {id: 2, Name: "book", Value: "flex"}]);

			private function getFullName(item:Object):String
			{
				return item.Name + " " + item.Value;
			}
		]]>
	</mx:Script>

	<mx:ComboBox id="cb"
				 dataProvider="{dataProvider}"
				 labelFunction="getFullName"/>
</mx:Application>

 

 

 

1
0
分享到:
评论

相关推荐

    flex 常用组件附例子介绍

    labelFunction="labelFunctionForBcdStateColumn" textAlign="center"/&gt; ``` - `dataProvider="{gm.baseCodeList}"`:绑定数据源。 - `&lt;mx:DataGridColumn&gt;`:定义列,如`headerText`表示列标题,`dataField`...

    flex4 dataGrid 日期格式转换

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

    flex 映射DataGrid,修改DataGridColumn显示值

    选择" width="40" labelFunction="typeLableFunc" dataTipFunction="typeTipsFunc" dataTipField="xz" showDataTips="true" /&gt; ``` 其中`typeTipsFunc`是一个类似`typeLableFunc`的函数,但返回用于提示的信息。 `...

    Flex数据显示与数据验证

    例如,在DataGridColumn中使用`labelFunction`属性指定一个函数,该函数负责接收数据项并返回格式化后的字符串。 ```xml 电话号码" labelFunction="formatPhoneNumber" /&gt; ``` 下面是一个具体的`formatPhoneNumber...

    flex 统计,柱状图,饼图。

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

    Flex中tree实现的种种细节

    例如,`data`属性用于绑定数据,`labelFunction`可以自定义节点显示的文本,`itemRenderer`则允许我们定制每个节点的外观。另外,`childrenField`属性指定了数据对象中包含子项的字段名,这对于从数据源加载子节点至...

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

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

    ExtJS_3.0_Class Diagram

    `Ext.chart.Axis`是图表的坐标轴类,有如`hideOverlappingLabels`(隐藏重叠的标签)、`labelFunction`(自定义标签函数)、`orientation`(方向,横轴或纵轴)、`reverse`(反转轴)和`type`(轴类型)等属性。...

    flex学习笔记,技巧学习

    - **`labelFunction`**: 可以通过设置`labelFunction`属性来自定义ComboBox项的显示内容。例如,当需要显示复合数据(如姓名等)时,可以通过编写一个函数来实现这一功能。 ```actionscript private function ...

    flex4 选择树组件

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

    Flex做雷达图例子

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

    Flex datagrid 自动设置列宽

    var textSnapshot:TextSnapshot = column.labelFunction(item, column); return textSnapshot.width; } ``` 另外,如果你使用的是Spark DataGrid(Flex 4.x),则可以使用`flexibility`属性来控制列宽的弹性。`...

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

    4. **labelFunction**: 自定义标签函数`mylabel`,用于格式化时间轴上的每个标签,使其显示为更友好的日期时间格式。 ### 动态数据更新机制 为了实现实时动态曲线图,案例中采用了一个定时器(`Timer`类)和一个...

    flex tree的简单使用

    但我们可以自定义节点的显示方式,通过实现`ITreeDataDescriptor`接口或者使用`dataProvider`的`labelFunction`属性来定义一个函数,该函数根据数据项返回显示的文本。 4. **事件处理**:Tree组件触发多种事件,如`...

    Flex中DataGrid和其它控件使用

    1. **LabelField**:DataGrid中的每个单元格默认显示的是数据源中的简单文本,但有时我们可能需要自定义显示内容,这时可以使用LabelField或LabelFunction来实现。 2. **ButtonColumn**:如果需要在DataGrid中添加...

    Flex ColumnChart获取得焦点改变颜色

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

    PrinterLibs_For_Windows_en_US_20170531

    "LabelFunction"模块提供了一系列用于标签打印的命令,这些命令允许开发者精确控制标签打印机打印文本、线条、矩形、条形码、二维码、PDF417码以及图像。这部分接口使得标签打印变得更为灵活和精确。 文档中还提到...

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

    &lt;s:CategoryAxis dataProvider="{labels}" labelFunction="formatDate"/&gt; ``` 其中,`data`是数据提供者,`labels`是X轴的分类数据,`formatDate`是自定义的标签格式函数。 在提供的文件名"line...

    flex4.5学习笔记

    - **labelFunction**: 定义如何显示数据项。 - **dataField属性**: 指定数据字段。 - **防止某列显示不开**: 调整列宽或其他布局属性。 - **DateTimeFormatter**: 用于格式化日期时间。 - **隔行变色**: 改善...

Global site tag (gtag.js) - Google Analytics