as3 datagrid 如何添加html样式,[转载]AS3自定义Datagrid控件的样式(以下举例字体样式)...

样式定义var htf:TextFormat = new TextFormat("verdana", 12,

0xFFCC00);

表头样式设置 filelist.setStyle("headerTextFormat",htf);

单元格样式设置 filelist.setRendererStyle("textFormat",htf);

很简单

本文内容就直接转载笑熬浆糊 (http://www.beus.cn)的文章了:

包括自定义header和cell的样式。以下m_dg为DataGrid控件。

1、header样式m_dg.setStyle("headerRenderer",

DatagridHeaderStyle);

新建DatagridHeaderStyle类，代码如下：

package beus{

import

fl.controls.dataGridClasses.HeaderRenderer;

import flash.text.TextFormat;

public class DatagridHeaderStyle extends

HeaderRenderer {

public function DatagridHeaderStyle():void

{

super();

}

override protected function drawBackground():void

{

var

format:TextFormat = new TextFormat();

format.font =

"SimSun";//字体为宋体

format.bold =

true;//加粗

format.size =

12;//大小为12

format.color

= 0x333333;//颜色

setStyle("textFormat",format);

super.drawBackground();

}

}

}

2、cell样式

m_dg.setStyle("cellRenderer", DatagridCellStyle);

新建DatagridCellStyle类，代码如下：

package beus{

import

fl.controls.listClasses.CellRenderer;

import

fl.controls.listClasses.ICellRenderer;

import flash.text.TextFormat;

public class DatagridCellStyle extends

CellRenderer implements ICellRenderer {

public function

DatagridCellStyle():void {

super();

}

override protected function

drawBackground():void {

var

format:TextFormat = new TextFormat();

format.font =

"Simsun";

format.size =

12;

format.color

= 0x333333;

setStyle("textFormat",format);

super.drawBackground();

}

}

}

3、设置每行交替颜色显示

打开库文件面板，参照Component Assets / CellRendererSkins /

CellRenderer_upSkin，根据此Skin新建一个CellRenderer_upSkinGray元件，把颜色修改一下，保存到Component

Assets / CellRendererSkins / 中，并设置链接类为CellRenderer_upSkinGray。

m_dg.setStyle("cellRenderer", DatagridCellStyle);

新建DatagridCellStyle类，代码如下：

package beus{

import

fl.controls.listClasses.CellRenderer;

import

fl.controls.listClasses.ICellRenderer;

import flash.text.TextFormat;

public class DatagridCellStyle extends

CellRenderer implements ICellRenderer {

public function

DatagridCellStyle():void {

super();

}

override protected function

drawBackground():void {

if

(_listData.index % 2 == 0) {

setStyle("upSkin",

CellRenderer_upSkinGray);

} else

{

setStyle("upSkin",

CellRenderer_upSkin);

}

super.drawBackground();

}

}

}

看了后发现这样作真方便.

对于headerText的样式有直接的方法:dataGrid.setStyle("headerTextFormat",

myFormat);