定义Flex DataGrid组件样式外观方法指导

开发 后端
本文向大家介绍一下如何定义Flex DataGrid组件样式外观,在实际程序开发中,有时候需要对Flex DataGrid组件可视化的外观进行修改,以满足功能需要。

在学习Flex的过程中,你可定会用到Flex DataGrid组件,这里和大家分享一下如何定义Flex DataGrid组件样式外观,在实际程序开发中,有时候需要对Flex DataGrid组件可视化的外观进行修改,以满足功能需要。

定义Flex DataGrid组件样式外观

在实际程序开发中,有时候需要对Flex DataGrid组件可视化的外观进行修改,以满足功能需要。例如,修改数据显示格式、修改DataGrid的样式和外观、自定义单元格等。

修改数据显示格式

当Flex DataGrid组件显示出数据后,有些数据格式可能不是我们所需要的。这个时候,就要修改数据格式,把数据修改成有意义的,可以使读者更容易读懂的格式。比如货币格式前面要加美元符号或者人民币符号,有时候从数据库中读出的是0或1的布尔值,再比如电话号码等。

下面就以15.2.1节的实例为例,把Phone列修改成前面有区号的电话号码,步骤如下。

◆修改GetData1函数,在绑定数据源的语句之后,增加格式化语句,增加的代码如下所示:
 

  1. //格式化数据  
  2. dg1.getColumnAt(1).labelFunction=phoneFormatter

◆phoneFormatter是格式化数据的函数,把电话号码前面加上区号“0755”,代码如下所示:
 

  1. /*********************************  
  2. *格式化电话号码  
  3. **/  
  4. privatefunctionphoneFormatter(item:Object):String  
  5. {  
  6. return"0755-"+item.Phone;  

再次编译代码并运行。

自定义Flex DataGrid组件的标题

在显示完Flex DataGrid组件的数据之后,有时候列的标题是数据库中已经定义好的列名称,对于用户来说,不容易读懂,需要重新定义,那就需要自定义Flex DataGrid组件的标题了。自定义标题要用到的类是HeaderRenderer,HeaderRenderer类在类dataGridClasses中。下面就利用HeaderRenderer类来实现自定义标题的功能。

还是以15.2.1节的实例为基础,加一些代码。在GetData1函数中加入如下代码:
 

  1. //自定义标题  
  2. vardgc0:DataGridColumn=dg1.getColumnAt(0);  
  3. dgc0.headerText="姓名";  
  4. vardgc1:DataGridColumn=dg1.getColumnAt(1);  
  5. dgc1.headerText="电话";  
  6. vardgc3:DataGridColumn=dg1.getColumnAt(3);  
  7. dgc3.headerText="软件名称"

代码的作用是把第一行的标题改成“姓名”,第二行的标题改为“电话”,第三行的标题改为“软件名称”。

【编辑推荐】

  1. 探秘Flex与JavaScript交互
  2. 常用FlexBuilder快捷键用法指导
  3. Flex框架Riawave的定制应用
  4. 技术前沿 Flex2.0 从零开始实现文件上传
  5. FlexBuilder开发方法及特点解析 

 

责任编辑:佚名 来源: flashas.net
相关推荐

2010-07-27 13:53:15

Flex ComboB

2010-08-11 16:10:27

Flex DataGr

2010-08-13 09:54:23

Flex字体

2010-08-05 10:08:06

Flex效果

2010-08-13 09:30:37

Flex样式

2010-08-13 09:47:58

Flex样式定义

2010-08-13 09:38:09

Flex样式定义

2010-07-28 10:48:48

FlexReport开

2010-08-13 13:46:04

Flex效果组件

2010-08-13 10:01:46

Flex样式定义

2010-08-03 09:54:20

Flex鼠标样式设置

2010-08-03 09:27:29

设置Flex样式

2010-07-27 15:28:02

Flex DataBi

2010-08-11 15:35:47

Flex DataGr

2010-08-11 15:51:45

Flex DataGr

2010-08-11 16:30:49

Flex DataGr

2010-07-29 09:44:17

Flex编程

2010-07-30 10:02:40

Flex验证控件

2010-07-28 10:38:29

Flex开源框架

2010-01-04 16:17:50

Silverlight
点赞
收藏

51CTO技术栈公众号