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);

来源于：http://it.chinawin.net/softwaredev/article-51cf.html