`
Zsb007
  • 浏览: 59351 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

改变Flex DataGrid 行的背景色

阅读更多
首先写自定义类 继承自DataGrid package BaseUI { import flash.display.Sprite; import mx.controls.DataGrid; public class CustomerDataGrid extends DataGrid { private var _rowColorFunction:Function; //用于在外部能通过指定一个方法 去实现改变列的背景色 public function CustomerDataGrid() { super(); } public function set rowColorFunction(f:Function):void { this._rowColorFunction = f; } public function get rowColorFunction():Function { return this._rowColorFunction; } //复写该方法 override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void { if( this.rowColorFunction != null ){ if( dataIndex <columns><datagridcolumn datafield="waid" headertext="预警编号" visible="false"></datagridcolumn><datagridcolumn datafield="wanm" headertext="预警名称"></datagridcolumn><datagridcolumn datafield="stcd" headertext="测站编号" visible="false"></datagridcolumn><datagridcolumn datafield="STNM" headertext="测站名称"></datagridcolumn><datagridcolumn datafield="stid" headertext="状态" labelfunction="stateFunction"></datagridcolumn><datagridcolumn datafield="" headertext="操作" itemrenderer="view.ssjk.ui.SsjkRainItemRender"></datagridcolumn></columns> //改变颜色方法 private function colorFunction(item:Object, color:uint):uint { switch(item.stid) { case 0: break; case 1: color=0xF10026; break; case 2: color=0x26972d; break; case 3: color=0xFFDF00; break; case 4: color=0xFFDF00; break; case 5: color=0xFFDF00; break; case 6: color=0xFFDF00; break; case 7: color=0xFFDF00; break; } return color; }
分享到:
评论

相关推荐

    设置datagrid行背景色示例

    在本示例中,我们关注的是如何设置 `Datagrid` 的行背景色,以增强视觉效果,帮助用户更好地理解和区分不同的数据。 首先,让我们了解 `Datagrid` 的基本概念。`Datagrid` 是一个控件,通常由多个行和列组成,每一...

    flex DataGrid改变指定行的背景颜色

    // 设置默认背景色 } } } ``` 2. **应用自定义ItemRenderer** 创建好自定义ItemRenderer后,我们需要将其应用到DataGrid的列上。假设我们有一个名为`myColumn`的列,可以这样设置: ```actionscript myColumn....

    Flex DataGrid 改变某一行的背景颜色

    总结,改变Flex DataGrid中某一行的背景颜色通常涉及自定义ItemRenderer、使用CSS样式或者监听事件。选择哪种方法取决于具体需求,如是否需要复杂逻辑、性能要求以及代码可维护性等因素。通过这些技术,我们可以使...

    datagrid行的背景色

    本文将深入探讨如何在Flex中实现对datagrid行背景色的自定义。 首先,了解Flex Datagrid的基本结构是关键。Datagrid由一系列的DataGridItems组成,每一项对应于数据源中的一个记录。为了改变行的背景色,我们需要...

    flex as actionscript datagrid 背景色 flash itemRenderer script iframe overrider 跳转到别的页面

    你可以为整个DataGrid设置背景色,也可以为特定行或列设置不同的颜色,以达到视觉效果或强调特定数据的目的。 5. **Flash集成**: 虽然Flex和Flash在某些方面有交集,但它们在技术上是独立的。在描述中提到的"flash ...

    flex 中datagrid 动态攺变行颜色

    下面将详细介绍如何在Flex中实现Datagrid动态改变行颜色。 首先,我们需要了解Flex中的Datagrid组件。Datagrid是MX组件库中的一个控件,它允许我们显示二维的数据集合,并支持排序、分页和选择功能。默认情况下,...

    Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色

    首先需要了解的是,Flex原生的DataGrid控件并没有提供直接的方式来改变单个行的背景色。因此,需要通过自定义DataGrid类来扩展原有的功能。自定义类通常需要重写一些特定的方法来实现特定的功能,比如本例中的改变行...

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

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

    datagrid.rar_Windows编程_Flex_

    在实际应用中,我们经常需要根据数据的不同状态或属性来改变单元格的背景色或字体色,以增强视觉效果和信息的可读性。 实现Flex DataGrid每个单元格颜色不同的方法主要有两种:一是通过使用ItemRenderer,二是通过...

    flex 3 所有可视控件实例

    2. Colorpicker:Colorpicker 控件允许用户选择颜色,常用于颜色配置或设置背景色等场景。 3. Combobox:Combobox 是一个组合了下拉列表的文本输入框,用户可以选择列表中的选项或者自定义输入。 4. Datagrid:...

    flex中渲染器简介

    例如,如果你试图改变列表中第五行的第四列背景色,你需要注意,一旦用户滚动列表,这个渲染器可能会被用来显示其他数据,因为它会被复用。因此,正确的做法是让渲染器根据所显示的数据动态地改变其自身状态。 内联...

    flex 页面增删改以及柱形数据变化

    例如,可以通过修改CSS类或使用states来改变数据项在选中或未选中时的背景色。 对于**柱形数据变化**,Flex的Charts组件提供了一种直观的方式来展示数据。我们可以通过改变ArrayCollection中的数据来动态更新柱形图...

    表格行嵌套子表格实现

    自定义GridItemRenderer可以方便地改变子表格的外观,比如调整边框、背景色、字体等。同时,确保子表格的交互行为(如排序、选择等)与主表格保持一致,提供良好的用户体验。 6. **性能优化**: 在处理大量数据时...

Global site tag (gtag.js) - Google Analytics