转载地址:
http://liguoliang.com/2009/01/668/
在设定了DataGrid的DataProvider, 设定DataGridColumn及其相应的DataField之后, DataGrid就可正常显示, 但有时候需要稍微处理一下显示内容: 如 某ArrayCollection中含有一组Student, Student对象具有gender属性, 其中1代表男, 2代表女, 3代表不确定. 此时需要使用labelFunction进行处理显示内容.
原理:
DataGrid通过DataGridColum函数中的itemToLabel实现数据源到现实内容的过程,
当DataGrid 某列的labelFunction不为空时, DataGridColumn的itemToLabel函数将执行:
if (labelFunction != null)
return labelFunction(data, this);
具体可参见类DataGridColumn的itemToLabel函数.
使用方法:
var columnGender:DataGridColumn = new DataGridColumn(); //增加一个Column
columnGender.headerText = "Gender";
columnGender.dataField = "Gender_";
columnGender.labelFunction = formatGender; //设定LabelFunction
_dataGridStudent.columns = [columnID, columnName, columnAge, columnGender]; //将Column加入到DG中.总共四个Column
labelFunction函数
/** 设定DataGrid 性别栏显示内容*/
private function formatGender(item:Object, c:DataGridColumn):String {
var gender:String;
if(item.Gender_ == 1) {
gender = "男";
}else if(item.Gender_ == 2) {
gender = "女";
}else {
gender = "未知";
}
return gender;
}
分享到:
相关推荐
1. **LabelField**:DataGrid中的每个单元格默认显示的是数据源中的简单文本,但有时我们可能需要自定义显示内容,这时可以使用LabelField或LabelFunction来实现。 2. **ButtonColumn**:如果需要在DataGrid中添加...
在Flex中,我们可以通过多种方式来定制DataGrid中的DataGridColumn的显示内容,例如更改显示的文本或者根据不同的条件显示不同的符号等。下面我们将详细探讨如何实现这些功能。 ### 1. 自定义DataGridColumn显示...
然而,Flex DataGrid默认并不提供直接设置列宽的功能,这可能会给开发者带来一些困扰,特别是当数据显示的需求较为复杂时。不过,有一些策略和技巧可以帮助我们实现自动设置列宽的功能,以适应不同的数据和用户界面...
总结起来,Flex 4中的`DataGrid`通过结合`DateFormatter`和自定义的`labelFunction`可以方便地实现日期格式的转换,使数据显示更加人性化。理解并熟练运用这些技巧,可以提升用户体验,增强应用程序的易用性。
3. 使用DataProvider:DataProvider是数据提供者,DataGrid使用它来获取将要展示的数据。通过DataProvider获取数据项后,可以利用其索引来实现自动编号。在代码示例中,DataProvider通过statistidgCla的标识引用,而...
### Flex常用UI组件详解 #### 一、DataGrid 组件 **DataGrid** 是 Flex 中一个非常重要的组件,主要...以上是 Flex 中 DataGrid 和 List 组件的基本使用及扩展功能介绍,希望能帮助大家更好地理解和使用这些组件。
使用项渲染器把SWF对象作为一个菜单项显示 7.7.节.用一个复选框渲染器选择DataGrid 列 7.8.节.为DataGrid创建一个独立的复选框项渲染器 7.9.节.为渲染器设置高效图像 7.10.节.为项渲染器和项编辑器应用运行时样式 ...
- **`labelFunction`**: 可以通过设置`labelFunction`属性来自定义ComboBox项的显示内容。例如,当需要显示复合数据(如姓名等)时,可以通过编写一个函数来实现这一功能。 ```actionscript private function ...
但我们可以自定义节点的显示方式,通过实现`ITreeDataDescriptor`接口或者使用`dataProvider`的`labelFunction`属性来定义一个函数,该函数根据数据项返回显示的文本。 4. **事件处理**:Tree组件触发多种事件,如`...
例如,在DataGridColumn中使用`labelFunction`属性指定一个函数,该函数负责接收数据项并返回格式化后的字符串。 ```xml 电话号码" labelFunction="formatPhoneNumber" /> ``` 下面是一个具体的`formatPhoneNumber...
- **DataGroup使用**: 可以结合其他控件如`DataGrid`、`List`等显示数据。 **知识点13:借助基于列表的控件显示数据** - **DataGrid控件**: - **labelFunction**: 定义如何显示数据项。 - **dataField属性**: ...
在给出的代码中,我们使用了MX框架中的DataGrid组件来展示数据,并通过定义一个自定义的labelFunction来格式化数据。以下为具体实现的步骤和知识点: 1. 导入所需的类库和定义数据源: 在`<fx:Script>`标签内,...
每个扇区代表数据源中的一个条目,通过PieSeries类设置数据系列,调整sliceWidth表示每个扇区的大小,使用labelFunction可以自定义每个扇区的标签内容。 区域图则强调了数据的范围和区间,通常用于展示连续性数据的...
`labelFunction`可以自定义显示的标签,`showDataLabels`属性控制是否显示数据标签,而`explodeRatio`可以设置某个扇区突出的比例。 为了方便使用,通常会预先打包好这些图表组件,形成库或者独立的SWC文件,用户...
4. **labelFunction**: 自定义标签函数`mylabel`,用于格式化时间轴上的每个标签,使其显示为更友好的日期时间格式。 ### 动态数据更新机制 为了实现实时动态曲线图,案例中采用了一个定时器(`Timer`类)和一个...
例如,`data`属性用于绑定数据,`labelFunction`可以自定义节点显示的文本,`itemRenderer`则允许我们定制每个节点的外观。另外,`childrenField`属性指定了数据对象中包含子项的字段名,这对于从数据源加载子节点至...
通过这个函数,我们可以访问到标签的文字信息(item),并返回一个新的字符串,这个字符串将作为最终显示的标签内容。通过在返回的字符串中嵌入HTML标签,我们可以控制标签的样式。 例如,如果想要改变字体大小,...
这些接口被广泛应用于多种打印机功能的实现,包括纸张处理、页面打印、图形图像处理等。 从描述来看,文档中包含了对打印机各个功能的具体实现细节,以及如何操作打印机以完成特定任务的指导。内容中提到的接口可以...
该属性允许我们为指定列的每个单元格指定一个函数,该函数负责处理单元格的显示内容。在我们的代码中,对于"比率"这一列的`labelFunction`属性被设置为`formatDataGrid`函数。`formatDataGrid`函数中,我们首先将...
如果需要自定义,可以设置`labelFunction`属性,指定一个函数来生成节点的显示文本。 4. **节点选择**:Tree组件提供了多种选择模式,如单选或多选。你可以通过`allowMultipleSelection`属性控制是否允许多选,通过...