一、DataGrid
继承DataGrid添加
/**用于设置每行的颜色
* uint表示返回的颜色值
* @param item 对应每列的数据
* @param color 对应原始的颜色值
* @param dataIndex 数据索引
* @return uint 表示返回的颜色值
*
*/
public var rowColorFunction:Function;
override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void
{
if( this.rowColorFunction != null )
{
if( dataIndex < this.dataProvider.length )
{
var item:Object = this.dataProvider.getItemAt(dataIndex);
color = this.rowColorFunction.call(this, item, color,dataIndex);
}
}
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
二、AdvancedDataGrid
继承
AdvancedDataGrid 添加
/**用于设置每行的颜色
* uint表示返回的颜色值
* @param item 对应每列的数据
* @param color 对应原始的颜色值
* @param dataIndex 数据索引
* @return uint 表示返回的颜色值
*
*/
public var rowColorFunction:Function;
override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void
{
if( this.rowColorFunction != null )
{
if( dataIndex < this.dataProvider.length )
{
color = this.rowColorFunction.call(this, listItems[rowIndex][0].data,color,dataIndex);
}
}
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
与dataGrid为何不同呢,因为AdvancedDataGrid 是一种支持层级数据源的高级表格。通过查看AdvancedDataGrid 的源代码,会发现其在调用drawRowBackground 时传递的rowIndex:int实际上就是从listItems中获取的长度,这样就可获取他们的data。 也就是数据源item
三、使用
/**
* 设置表格颜色隔行渐变
*/
private function setCustomColor(item:Object, color:uint,dataIndex:int):uint
{
if( dataIndex % 2 == 1 )
{
return 0xFEF3D1;
}
return color;
}
效果:
/**
* 某行Territory_Rep列 == "T.R. Smith"时变色
*/
private function setCustomColor2(item:Object, color:uint,dataIndex:int):uint
{
if( item.Territory_Rep == "T.R. Smith" )
{
return 0xFEF3D1;
}
return color;
}
效果:
- 大小: 5.6 KB
- 大小: 6.4 KB
分享到:
相关推荐
Flex应用3D饼图,柱图线图,仪表盘,AdvancedDataGrid表头皮肤,分数较高,不建议下载,仅自己保留
Flex技术中AdvancedDataGrid使用方法
flex advancedDataGrid 中如何实现带checkbox的树
flex AdvancedDataGrid实现checkBox全选功能 实现全选,多选功能
flex AdvancedDataGrid 动态添加一行 动态为控制树添加一个节点
NULL 博文链接:https://kidd.iteye.com/blog/1329253
AdvancedDataGrid控制具体某个单元格可编辑的例子,里面实现了原理,具体如何实现可视判断条件而定,因为自己也是很辛苦实现的,所以分就高点了,别介意,哈哈
flex-datagrid-advancedDataGrid-demo,做的datagrid及advanceddatagrid的例子,希望大家喜欢
用AdvancedDataGrid组件编写的一个简单的课件管理系统,这是个雏形,有一定的参考价值
最新的AdvancedDataGrid行嵌套AdvancedDataGrid实现,该例子只是实现AdvancedDataGrid利用AdvancedDataGridRendererProvider在行中渲染另外一个AdvancedDataGrid,当然也可以渲染其它任何想渲染的界面或者组件,价值...
Alert.show("行的数据分别是:"+o.idx+"/"+o.names+"/"+o.sex); } private var sheet:Sheet; private function onCreate():void { var excelFile:ExcelFile = new ExcelFile(); sheet = new Sheet...
一个flash文件 可以对flex控件进行css可视化设计 非常的好用
AdvancedDataGrid综合应用
flex datavisualization.swc flex 3 AdvancedDataGrid
AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar AdvancedDataGrid或datagrid导出到excel.rar
非常好用的 felx AdvancedDataGrid 多选框 单选框支持渲染器,不需改到AdvancedDataGrid 代码; 支持 xml 数据源的网上可查到一些, 但这个可是 支持 Array 类型数据源的。
AdvancedDataGrid实现双表头表格,在某些情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
AdvancedDataGrid导出复杂表头excel
今天我们要说的是官方文档中用了整章介绍的AdvancedDataGrid,AdvancedDataGrid是DataGrid的高级版本,Flex 3 SDK并不包含它,其和Charting Enhancements一起构成了Flex Data Visualization package,TNND,也就是说...
advancedDataGrid单击逐级展开的例子,单击advanceddatagrid的某一级,就会展开该节点。