首先写自定义类 继承自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;
}
发表评论
-
Flex组件的一些怪问题
2010-08-13 17:55 1022Flex组件的一些怪问题 ... -
tree 单击节点,打开
2010-07-27 13:36 1045var item:Object=Tree(event.c ... -
bitmap,bitmapdata截图
2010-07-09 11:33 1325<?xml version="1.0&q ... -
flex 画虚线
2010-06-30 11:25 1070转:http://dxm1986.iteye.com/blog ... -
flex 特效
2010-06-29 16:36 1138flex特效 [ 20 ... -
textinput restrict
2010-06-17 20:10 1077Flex TextInput 禁止输入特殊字符 < ... -
preloader 美化
2010-06-11 16:56 993loader 主体: package com.di ... -
flex 加载 bmp图片
2010-06-06 10:17 1899<?xml version="1.0& ... -
tooltip巧妙
2010-06-03 17:11 781<?xml version="1.0&qu ... -
flex httpservice 读缓存
2010-06-02 09:36 1046发现谷歌浏览器器也读缓存 没办法 req.url=&q ... -
datagrid显示tooltip方法
2010-05-28 17:19 1310在DataGrid上显示toolTip &l ... -
flex tabnavigator 事件
2010-05-20 09:16 1548最近用到TabNavigator,想在那个tabBar上点 ... -
Adobe AIR应用案例128例
2010-05-18 21:01 681http://www.cnblogs.com/xxcainia ... -
flex 缓冲函数
2010-05-18 20:58 825http://fleksray.org/skins/treec ... -
includelayout 属性
2010-05-18 19:19 919一直被这个问题困扰,就是在设置UI的Visible的时候, ... -
destroyItemEditor
2010-05-17 16:37 817var dg:DataGrid=event.currentTa ... -
cairgorm 详解
2010-05-12 21:27 845转载: http://houwei.iteye.com/bl ... -
flex combobox datagrid
2010-05-06 20:18 910<?xml version="1.0" ... -
flex 自定义控件 用 checkbox
2010-05-06 20:16 1367Flex : 用 CheckBox 做 DataGrid ... -
checkbox radiobutton 提交表单
2010-04-29 14:44 1063<?xml version="1.0&q ...
相关推荐
在本示例中,我们关注的是如何设置 `Datagrid` 的行背景色,以增强视觉效果,帮助用户更好地理解和区分不同的数据。 首先,让我们了解 `Datagrid` 的基本概念。`Datagrid` 是一个控件,通常由多个行和列组成,每一...
// 设置默认背景色 } } } ``` 2. **应用自定义ItemRenderer** 创建好自定义ItemRenderer后,我们需要将其应用到DataGrid的列上。假设我们有一个名为`myColumn`的列,可以这样设置: ```actionscript myColumn....
总结,改变Flex DataGrid中某一行的背景颜色通常涉及自定义ItemRenderer、使用CSS样式或者监听事件。选择哪种方法取决于具体需求,如是否需要复杂逻辑、性能要求以及代码可维护性等因素。通过这些技术,我们可以使...
本文将深入探讨如何在Flex中实现对datagrid行背景色的自定义。 首先,了解Flex Datagrid的基本结构是关键。Datagrid由一系列的DataGridItems组成,每一项对应于数据源中的一个记录。为了改变行的背景色,我们需要...
你可以为整个DataGrid设置背景色,也可以为特定行或列设置不同的颜色,以达到视觉效果或强调特定数据的目的。 5. **Flash集成**: 虽然Flex和Flash在某些方面有交集,但它们在技术上是独立的。在描述中提到的"flash ...
下面将详细介绍如何在Flex中实现Datagrid动态改变行颜色。 首先,我们需要了解Flex中的Datagrid组件。Datagrid是MX组件库中的一个控件,它允许我们显示二维的数据集合,并支持排序、分页和选择功能。默认情况下,...
首先需要了解的是,Flex原生的DataGrid控件并没有提供直接的方式来改变单个行的背景色。因此,需要通过自定义DataGrid类来扩展原有的功能。自定义类通常需要重写一些特定的方法来实现特定的功能,比如本例中的改变行...
在Flex开发中,我们经常需要对数据展示进行定制化,比如根据每行数据的不同来设置不同的背景色。这种需求在数据网格(DataGrid)中尤为常见,可以增强数据的可读性和视觉效果。本篇文章将深入讲解如何在Flex中实现这...
在实际应用中,我们经常需要根据数据的不同状态或属性来改变单元格的背景色或字体色,以增强视觉效果和信息的可读性。 实现Flex DataGrid每个单元格颜色不同的方法主要有两种:一是通过使用ItemRenderer,二是通过...
2. Colorpicker:Colorpicker 控件允许用户选择颜色,常用于颜色配置或设置背景色等场景。 3. Combobox:Combobox 是一个组合了下拉列表的文本输入框,用户可以选择列表中的选项或者自定义输入。 4. Datagrid:...
例如,如果你试图改变列表中第五行的第四列背景色,你需要注意,一旦用户滚动列表,这个渲染器可能会被用来显示其他数据,因为它会被复用。因此,正确的做法是让渲染器根据所显示的数据动态地改变其自身状态。 内联...
例如,可以通过修改CSS类或使用states来改变数据项在选中或未选中时的背景色。 对于**柱形数据变化**,Flex的Charts组件提供了一种直观的方式来展示数据。我们可以通过改变ArrayCollection中的数据来动态更新柱形图...
自定义GridItemRenderer可以方便地改变子表格的外观,比如调整边框、背景色、字体等。同时,确保子表格的交互行为(如排序、选择等)与主表格保持一致,提供良好的用户体验。 6. **性能优化**: 在处理大量数据时...