实际应用中,性别、类型等数据往往以数字形式存储在数据表中,若直接将数据表读取到Datagrid,会让用户莫名其妙。这时需用labelFunction进行转换操作。举例如下:
<s:DataGrid id="dataGrid" includeIn="list" x="14" y="55" width="909" height="200"
creationComplete="dataGrid_creationCompleteHandler(event)" requestedRowCount="4" dataProvider="{getAllProductResult.lastResult}">
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="name" headerText="产品名称"></s:GridColumn>
<s:GridColumn dataField="product_code" headerText="产品编码"></s:GridColumn>
<s:GridColumn dataField="unit_id" headerText="计量单位" labelFunction="getUnitName"></s:GridColumn>
</s:ArrayList>
</s:columns>
</s:DataGrid>
<fx:Script>
<![CDATA[
public function getUnitName(item:Object,c:GridColumn):String 注意是GridColumn,因为使用的是spark控件。
{
return unitArrayColl.getItemAt(item.unit_id-1).name; //unitArrayColl为从数据表中读取的数据集。若是性别之类,自然没有必要从数据库读取,直接使用switch语句判断。switch(item.sex) case:0 return "男"……
}
]]>
</fx:Script>
分享到:
相关推荐
接下来,我们需要创建一个函数来处理`DataGrid`中的数据格式化。这个函数通常会作为`labelFunction`属性的值,用于在`DataGridColumn`中动态地格式化数据。例如: ```actionscript private function formatStart...
1. **LabelField**:DataGrid中的每个单元格默认显示的是数据源中的简单文本,但有时我们可能需要自定义显示内容,这时可以使用LabelField或LabelFunction来实现。 2. **ButtonColumn**:如果需要在DataGrid中添加...
在Flex开发中,数据网格(DataGrid)是一个常用的组件,用于展示结构化的数据。然而,Flex DataGrid默认并不提供直接设置列宽的功能,这可能会给开发者带来一些困扰,特别是当数据显示的需求较为复杂时。不过,有...
在给出的代码中,我们使用了MX框架中的DataGrid组件来展示数据,并通过定义一个自定义的labelFunction来格式化数据。以下为具体实现的步骤和知识点: 1. 导入所需的类库和定义数据源: 在`<fx:Script>`标签内,...
除了使用内置的格式化器外,Flex还支持通过自定义函数来进行更复杂的数据格式化处理。例如,在DataGridColumn中使用`labelFunction`属性指定一个函数,该函数负责接收数据项并返回格式化后的字符串。 ```xml 电话...
有时候我们需要在DataGrid中突出显示某些特定的数据,可以通过改变字体颜色来实现这一点。下面介绍一种实现方法: ### 1. 自定义ItemRenderer 为了改变DataGridColumn中特定文本的颜色,我们可以创建一个自定义的...
3. 使用DataProvider:DataProvider是数据提供者,DataGrid使用它来获取将要展示的数据。通过DataProvider获取数据项后,可以利用其索引来实现自动编号。在代码示例中,DataProvider通过statistidgCla的标识引用,而...
在表格中应用格式化,需要使用到`labelFunction`属性。该属性允许我们为指定列的每个单元格指定一个函数,该函数负责处理单元格的显示内容。在我们的代码中,对于"比率"这一列的`labelFunction`属性被设置为`...
为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的NULL项 5.12节.为List创建右键菜单 5.13节.自定义List被选中项的外观 第六章. DataGrid和高级DataGrid...
- **数据格式化**: 如日期格式化、数字格式化等,以提高用户体验。 **知识点11:进一步了解数据处理** - **高级数据处理**: 包括数据过滤、排序、聚合等操作,以满足复杂的数据分析需求。 #### 五、页面布局和动画...
### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要...以上是 Flex 中 DataGrid 和 List 组件的基本使用及扩展功能介绍,希望能帮助大家更好地理解和使用这些组件。
可以通过构造函数传入数组来初始化一个`ArrayCollection`实例,或者通过`source`属性来动态设定数据源。 ```actionscript import mx.collections.ArrayCollection; private var mydata:ArrayCollection; // ...
1. **初始化数据**:创建一个初始时间点和对应的随机值,存储在`testDatas`数组集合中。 2. **设置定时器**:使用`Timer`类,每隔一秒钟执行一次`getDatas`函数。 3. **数据收集与更新**:在`getDatas`函数中,生成...
每个扇区代表数据源中的一个条目,通过PieSeries类设置数据系列,调整sliceWidth表示每个扇区的大小,使用labelFunction可以自定义每个扇区的标签内容。 区域图则强调了数据的范围和区间,通常用于展示连续性数据的...
在本案例中,"flex 统计,柱状图,饼图"指的是使用Flex来创建数据可视化工具,具体是柱状图和饼图这两种常见的图表类型。 柱状图是一种统计图表,用于比较类别之间的数量差异。在Flex中,可以使用mx.charts系列类来...
但我们可以自定义节点的显示方式,通过实现`ITreeDataDescriptor`接口或者使用`dataProvider`的`labelFunction`属性来定义一个函数,该函数根据数据项返回显示的文本。 4. **事件处理**:Tree组件触发多种事件,如`...
在Adobe Flex框架中,`ColumnChart`组件是用于可视化数据的一种常见方式,它能够清晰地展示数据之间的比较。本文将详细解析如何通过Flex中的`ColumnChart`组件来实现当图表获得焦点时改变颜色的功能,这一功能可以...
6. **性能优化**:对于大数据量的曲线图,考虑使用数据虚拟化技术,只渲染可视区域内的数据点,提高图表的滚动和缩放性能。 7. **示例代码**:创建一个简单的线图可能如下: ```actionscript xmlns:s=...
例如,`data`属性用于绑定数据,`labelFunction`可以自定义节点显示的文本,`itemRenderer`则允许我们定制每个节点的外观。另外,`childrenField`属性指定了数据对象中包含子项的字段名,这对于从数据源加载子节点至...
在Flex中,可以使用`CategoryAxis`类来创建轴,并设置其`labelFunction`属性来自定义标签。图例可以通过`Legend`组件来创建,通过`dataProvider`属性关联到图表。 在`RadarChartTest`这个文件中,很可能包含了实现...