`

FLEX4实践—DatagridColumn根据条件显示不同颜色(转)

    博客分类:
  • flex
阅读更多

需求:

表格中存在不同的数据,要求将 name='Apple'的单元格显示红色

下面是示例代码:

<?xml version="1.0" encoding="utf-8"?>  
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"    
               xmlns:s="library://ns.adobe.com/flex/spark"    
               xmlns:mx="library://ns.adobe.com/flex/mx"  
               xmlns:conp="components.*" minWidth="955" minHeight="600">  
    <fx:Declarations>  
        <!-- Place non-visual elements (e.g., services, value objects) here -->  
        <fx:Array id="fruit">  
            <fx:Object data="A" name="Apple"/>  
            <fx:Object data="B" name="Banana"/>  
            <fx:Object data="A" name="Apple"/>  
            <fx:Object data="B" name="Banana"/>  
        </fx:Array>  
    </fx:Declarations>  
    <mx:DataGrid x="414" y="132" width="390" height="174" dataProvider="{fruit}" rowCount="9" selectionColor="#F9E4B7" alternatingItemColors="[#f9f4f4,#dce9fd]">  
        <mx:columns>  
            <mx:DataGridColumn headerText="Data" dataField="data"/>  
            <mx:DataGridColumn headerText="Name" dataField="name">  
                <mx:itemRenderer>  
                    <fx:Component>  
                        <conp:TextRenderer text="{data.name}"/>  
                    </fx:Component>  
                </mx:itemRenderer>  
            </mx:DataGridColumn>  
        </mx:columns>  
    </mx:DataGrid>  
</s:Application>  

  

components.TextRenderer.mxml

<?xml version="1.0" encoding="utf-8"?>  
<mx:Text xmlns:fx="http://ns.adobe.com/mxml/2009"    
         xmlns:s="library://ns.adobe.com/flex/spark"    
         xmlns:mx="library://ns.adobe.com/flex/mx">  
    <fx:Declarations>  
        <!-- Place non-visual elements (e.g., services, value objects) here -->  
    </fx:Declarations>  
    <fx:Script>  
        <!--[CDATA[   
            override public function set data(value:Object):void{   
                super.data = value;   
                if(value.name == 'Apple'){   
                    setStyle('color',0xFF0000);   
                }   
            }   
        ]]-->  
    </fx:Script>  
</mx:Text>  

  

运行结果:

 


本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/meteorlWJ/archive/2010/04/15/5489468.aspx

http://blog.csdn.net/heimaoxiaozi/archive/2009/07/30/4395054.aspx

分享到:
评论

相关推荐

    flex 映射DataGrid,修改DataGridColumn显示值

    在Flex中,我们可以通过多种方式来定制DataGrid中的DataGridColumn的显示内容,例如更改显示的文本或者根据不同的条件显示不同的符号等。下面我们将详细探讨如何实现这些功能。 ### 1. 自定义DataGridColumn显示...

    Flex中如何根据每行内容设置不同底色

    在Flex开发中,我们经常需要对数据展示进行定制化,比如根据每行数据的不同来设置不同的背景色。这种需求在数据网格(DataGrid)中尤为常见,可以增强数据的可读性和视觉效果。本篇文章将深入讲解如何在Flex中实现这...

    FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc

    在Flex4中,动态生成DataGrid以及应用客户化itemRenderer是一项关键技能,它允许开发者根据运行时的数据结构灵活地创建用户界面。以下是对这个主题的详细解释: 首先,`DataGrid`组件是Flex中用于展示表格数据的...

    Flex DataGrid DataGridColumn数据颜色多样化-类型替换

    在描述中提到的场景,我们需要根据数据值的不同来改变单元格中文字的颜色,例如,将整数0表示为红色(关闭状态),1表示为绿色(开启状态)。 要实现这种效果,我们可以利用DataGridColumn的`itemRenderer`属性。`...

    flex4 dataGrid 日期格式转换

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

    flex 自定义dataGrid渲染器.根据数据变色

    在这个场景中,我们创建了一个针对DataGrid的自定义Label渲染器,这个渲染器能够根据数据显示不同的颜色,以突出关键信息或者提供视觉反馈。 首先,我们来看`ADataGridTest.mxml`,这是一个Flex应用程序的主要入口...

    改变flex DataGrid单元格字体颜色

    在Flex开发中,DataGrid控件是用于展示结构化数据的一种常见组件,它允许用户以表格形式查看和操作数据。...在实际开发中,你可能需要根据具体需求调整颜色判断逻辑,比如设置颜色映射规则或者根据特定条件更改颜色。

    flex 中datagrid 动态攺变行颜色

    4. **实时更新颜色**:如果行颜色需要根据用户操作或业务逻辑动态改变,我们可以在事件处理函数中修改数据源中对应的`rowColor`值,然后Datagrid会自动调用ItemRenderer来更新颜色。 以上就是关于在Flex中动态改变...

    flex组件之DataGrid高级用法实例源码

    在Flex编程领域,DataGrid组件是开发者们常用的数据展示工具,尤其在处理大量结构化数据时,它能提供高效、可定制化的展示效果。本文将深入探讨Flex DataGrid的高级用法,通过实例源码来解析其核心特性,帮助开发者...

    flex datagrid 添加按钮

    通过以上步骤,我们就能够在Flex的DataGrid中添加了一个根据内容判断显示的按钮。这个过程涉及了组件定制、数据绑定、条件逻辑和事件处理等多个核心概念,对深入理解Flex的开发非常有帮助。在实际应用中,还可以...

    flex的dataGrid添加复选框(checkBox)

    在Flex编程中,DataGrid控件是用于展示数据集的一种常用组件,它可以显示表格形式的数据。在实际应用中,我们经常需要在DataGrid的每一行中添加复选框(checkBox),以便用户可以选择一行或多行数据进行操作。这个...

    flex4+asp.net 连接数据库

    ### Flex4 + ASP.NET 连接数据库:详细解析与实践 #### 一、Flex4简介与ASP.NET结合的重要性 Flex4是一种强大的富互联网应用程序(RIA)开发框架,它基于Adobe Flash平台,允许开发者创建高性能、视觉效果丰富的...

    flex datagrid中实现显示序列号

    在这个文件中,我们需要继承自`MX:Canvas`或`Spark:Label`(取决于你使用的Flex版本,MX是Flex 3.x时代的组件,Spark是Flex 4.x及以后版本的组件)。 ```mxml &lt;!-- 如果使用Spark组件 --&gt; &lt;![CDATA[ override ...

    Flex数据显示与数据验证

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

    flex 树结构的列表

    Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。在Flex中,我们可以创建各种复杂的用户界面,...通过深入理解和实践,你可以根据具体需求进行定制,打造出满足业务场景的高效界面。

    Flex 表格单元格合并

    在Flex中,我们可以使用DataGridColumn的`headerRenderer`属性和`dataField`属性来控制行头的显示,而单元格的合并则需要利用`mergeCells()`方法。 对于行头的合并,我们可以通过自定义渲染器实现。自定义渲染器是...

    flex动态生成datagrid表头

    在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于显示二维表格数据。它能够灵活地处理大量数据,并提供排序、筛选等多种功能。而动态生成DataGrid表头则是在运行时根据数据源来创建列,这在处理未知数量或...

    flex datagrid

    Flex DataGrid 是 Adobe Flex 中一个重要的组件,用于展示结构化数据。它以表格形式呈现,非常适合用来显示多列数据,并提供了排序、选择、编辑等多种功能。在这个教程中,我们将深入探讨 DataGrid 的基本使用和一些...

    flex Datagrid checkbox全选

    Datagrid由一系列DataGridColumn组成,每个列可以自定义渲染器来呈现不同类型的数据显示,例如文本、图片或者在这里我们需要的checkbox。全选功能通常通过在Datagrid的表头添加一个可点击的checkbox来实现,当用户...

    flex datagrid 嵌套checkbox实现全选

    Flex DataGrid是Adobe Flex框架中的一个组件,用于显示结构化的数据集。它可以自动生成列,并根据数据源动态调整大小。DataGrid支持排序、分页、筛选等功能,是UI设计中处理大量数据的首选组件。 2. **嵌套复选框...

Global site tag (gtag.js) - Google Analytics