主页 > 知识库 > Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色

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

热门标签:呼叫中心市场需求 检查注册表项 网站文章发布 铁路电话系统 美图手机 服务器配置 智能手机 银行业务

自定义拓展的DataGrid(as类)代码如下:

package czgh.components 
{ 
import flash.display.Sprite; 

import mx.controls.DataGrid; 
import mx.core.UIComponent; 

public class OptionalDataGrid extends DataGrid 
{ 
private var _rowColorFunction:Function; 
private var _customed:Boolean; 
private var _customerColor:uint=0; 
public function OptionalDataGrid() 
{ 
super(); 
} 

override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void 
{ 
color=0XFFFFFF; 

if(this._rowColorFunction != null) 
{ 
if (dataIndex  this.dataProvider.length) 
{ 
var item:Object=this.dataProvider.getItemAt(dataIndex);//设定颜色 
color=this._rowColorFunction.call(this, item, color); 
} 
} 



super.drawRowBackground(s, rowIndex, y, height, color, dataIndex); 
} 

override protected function drawHeaderBackground(headerBG:UIComponent):void 
{ 
headerBG.setStyle("borderVisible","false"); 
} 



public function set rowColorFunction(rowColorFunction:Function):void 
{ 
this._rowColorFunction=rowColorFunction; 
} 

public function get rowColorFunction():Function 
{ 
return this._rowColorFunction; 
} 


} 
}

在mxml中实现自定义的datagrid并使用 其rowColorFunction方法

//通过比较每条记录中dataField为act和stand的大小决定该条记录的背景颜色 
private function setCustomColor(item:Object, color:uint):uint 
{ 
if (Number(item["act"])Number(item["stand"])) 
{ 
return 0x7bbfea; 
} 

return color; 
}
您可能感兴趣的文章:
  • Flex 获取每月第几周小例子
  • Flex 遍历Object键和值的示例代码
  • Flex DataGrid 伪合并单元格实现思路
  • Flex4 DataGrid中嵌入RadioButton实现思路及代码
  • flex 遍历Object对象内容的实现代码
  • 全面了解flex的用途

标签:新疆 长治 沧州 红河 沈阳 乐山 上海 河南

巨人网络通讯声明:本文标题《Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266