`

使用labelFunction格式化Datagrid的数据

    博客分类:
  • flex
阅读更多
实际应用中,性别、类型等数据往往以数字形式存储在数据表中,若直接将数据表读取到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>
分享到:
评论

相关推荐

    flex4 dataGrid 日期格式转换

    接下来,我们需要创建一个函数来处理`DataGrid`中的数据格式化。这个函数通常会作为`labelFunction`属性的值,用于在`DataGridColumn`中动态地格式化数据。例如: ```actionscript private function formatStart...

    Flex中DataGrid和其它控件使用

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

    Flex datagrid 自动设置列宽

    在Flex开发中,数据网格(DataGrid)是一个常用的组件,用于展示结构化的数据。然而,Flex DataGrid默认并不提供直接设置列宽的功能,这可能会给开发者带来一些困扰,特别是当数据显示的需求较为复杂时。不过,有...

    Flex中对表格某列的值进行数字格式化并求百分比添加%

    在给出的代码中,我们使用了MX框架中的DataGrid组件来展示数据,并通过定义一个自定义的labelFunction来格式化数据。以下为具体实现的步骤和知识点: 1. 导入所需的类库和定义数据源: 在`&lt;fx:Script&gt;`标签内,...

    Flex数据显示与数据验证

    除了使用内置的格式化器外,Flex还支持通过自定义函数来进行更复杂的数据格式化处理。例如,在DataGridColumn中使用`labelFunction`属性指定一个函数,该函数负责接收数据项并返回格式化后的字符串。 ```xml 电话...

    flex 映射DataGrid,修改DataGridColumn显示值

    有时候我们需要在DataGrid中突出显示某些特定的数据,可以通过改变字体颜色来实现这一点。下面介绍一种实现方法: ### 1. 自定义ItemRenderer 为了改变DataGridColumn中特定文本的颜色,我们可以创建一个自定义的...

    Flex DataGrid自动编号示例

    3. 使用DataProvider:DataProvider是数据提供者,DataGrid使用它来获取将要展示的数据。通过DataProvider获取数据项后,可以利用其索引来实现自动编号。在代码示例中,DataProvider通过statistidgCla的标识引用,而...

    Flex中对表格中某列的值进行数字格式化保留两位小数

    在表格中应用格式化,需要使用到`labelFunction`属性。该属性允许我们为指定列的每个单元格指定一个函数,该函数负责处理单元格的显示内容。在我们的代码中,对于"比率"这一列的`labelFunction`属性被设置为`...

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

    为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的NULL项 5.12节.为List创建右键菜单 5.13节.自定义List被选中项的外观 第六章. DataGrid和高级DataGrid...

    flex4.5学习笔记

    - **数据格式化**: 如日期格式化、数字格式化等,以提高用户体验。 **知识点11:进一步了解数据处理** - **高级数据处理**: 包括数据过滤、排序、聚合等操作,以满足复杂的数据分析需求。 #### 五、页面布局和动画...

    flex 常用组件附例子介绍

    ### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要...以上是 Flex 中 DataGrid 和 List 组件的基本使用及扩展功能介绍,希望能帮助大家更好地理解和使用这些组件。

    flex学习笔记,技巧学习

    可以通过构造函数传入数组来初始化一个`ArrayCollection`实例,或者通过`source`属性来动态设定数据源。 ```actionscript import mx.collections.ArrayCollection; private var mydata:ArrayCollection; // ...

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

    1. **初始化数据**:创建一个初始时间点和对应的随机值,存储在`testDatas`数组集合中。 2. **设置定时器**:使用`Timer`类,每隔一秒钟执行一次`getDatas`函数。 3. **数据收集与更新**:在`getDatas`函数中,生成...

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

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

    flex 统计,柱状图,饼图。

    在本案例中,"flex 统计,柱状图,饼图"指的是使用Flex来创建数据可视化工具,具体是柱状图和饼图这两种常见的图表类型。 柱状图是一种统计图表,用于比较类别之间的数量差异。在Flex中,可以使用mx.charts系列类来...

    flex tree的简单使用

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

    Flex ColumnChart获取得焦点改变颜色

    在Adobe Flex框架中,`ColumnChart`组件是用于可视化数据的一种常见方式,它能够清晰地展示数据之间的比较。本文将详细解析如何通过Flex中的`ColumnChart`组件来实现当图表获得焦点时改变颜色的功能,这一功能可以...

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

    6. **性能优化**:对于大数据量的曲线图,考虑使用数据虚拟化技术,只渲染可视区域内的数据点,提高图表的滚动和缩放性能。 7. **示例代码**:创建一个简单的线图可能如下: ```actionscript xmlns:s=...

    Flex中tree实现的种种细节

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

    Flex做雷达图例子

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

Global site tag (gtag.js) - Google Analytics