- 浏览: 28809 次
- 性别:
- 来自: 上海
最新评论
-
phx8742:
太有才了~~~~~~
《沁园春·买票》 -
stuhack0303:
有例子可以看一下吗?
有的话麻烦你发给我,谢谢
邮箱:22 ...
Flex 4 and the Text Layout Framework
转载于:http://liguoliang.com/2009/01/678/
具体的情况如:使用labelFunction处理DataGrid显示内容 , 只是这里使用的是ItemRender来实现并实现更多功能.
如Student中有一Gender_属性, 1表示男生, 2表示女生, 3表示未知, 现在有下要求:
1. 在DataGrid中不可以显示1, 2,3, 应显示 男女 [ 该功能可由LabelFunction实现],
2. 如果为男生,, 则”男生”颜色为红色, 女生颜色为默认, 未知字体大小为10号
具体实现:
view plaincopy to clipboardprint?
var columnGender:DataGridColumn = new DataGridColumn();
columnGender.headerText = "Gender";
columnGender.dataField = "Gender_"; //使用ItemRender
columnGender.itemRenderer = new ClassFactory(Gender_Label);
//columnGender.labelFunction = formatGender;
_dataGridStudent.columns = [columnID, columnName, columnAge, columnGender];
ItemRender实现: 该类将继承List, 重写其UpdateDisplayList函数, 如下:
view plaincopy to clipboardprint?
package com.test.itemRender
{
import mx.controls.Label;
import mx.controls.listClasses.ListBase;
public class Gender_Label extends Label
{
/**
* 构造函数
*/
public function Gender_Label() {
super();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
if(data.Gender_ == 1) {
setStyle('fontSize',14);
setStyle('fontWeight', 'bold');
setStyle('color', 0xDD0000);
this.text = "男生";
}else if(data.Gender_ == 2) {
setStyle('fontSize',14);
this.text = "女生"
}
//otherwise, return the label to its regular state
else {
setStyle('fontSize', 10);
this.text = "未知";
}
}
}// end of class
}// end of package
最终效果:
具体的情况如:使用labelFunction处理DataGrid显示内容 , 只是这里使用的是ItemRender来实现并实现更多功能.
如Student中有一Gender_属性, 1表示男生, 2表示女生, 3表示未知, 现在有下要求:
1. 在DataGrid中不可以显示1, 2,3, 应显示 男女 [ 该功能可由LabelFunction实现],
2. 如果为男生,, 则”男生”颜色为红色, 女生颜色为默认, 未知字体大小为10号
具体实现:
view plaincopy to clipboardprint?
var columnGender:DataGridColumn = new DataGridColumn();
columnGender.headerText = "Gender";
columnGender.dataField = "Gender_"; //使用ItemRender
columnGender.itemRenderer = new ClassFactory(Gender_Label);
//columnGender.labelFunction = formatGender;
_dataGridStudent.columns = [columnID, columnName, columnAge, columnGender];
ItemRender实现: 该类将继承List, 重写其UpdateDisplayList函数, 如下:
view plaincopy to clipboardprint?
package com.test.itemRender
{
import mx.controls.Label;
import mx.controls.listClasses.ListBase;
public class Gender_Label extends Label
{
/**
* 构造函数
*/
public function Gender_Label() {
super();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
if(data.Gender_ == 1) {
setStyle('fontSize',14);
setStyle('fontWeight', 'bold');
setStyle('color', 0xDD0000);
this.text = "男生";
}else if(data.Gender_ == 2) {
setStyle('fontSize',14);
this.text = "女生"
}
//otherwise, return the label to its regular state
else {
setStyle('fontSize', 10);
this.text = "未知";
}
}
}// end of class
}// end of package
最终效果:
发表评论
-
时间标签
2011-10-26 17:48 633[Event(name="imageClick&qu ... -
如何加载一个swf文件中类的方法
2011-10-26 16:04 875为了取某个类而去加载swf资源包。请查flex4 api ... -
加载样式 SWF
2011-10-26 15:37 716loadStyleDeclarations () Flex ... -
flex3 ,flex4 skin
2011-10-26 14:00 754flex3 skin: skin:ClassReferenc ... -
请求服务器数据,解决IIE缓存问题
2011-10-25 17:56 822/** * 加上随机数, 解决ie缓存的问题 * ... -
flex垃圾回收
2011-10-25 15:36 625public static function run():vo ... -
flex 滤镜
2011-10-25 15:33 1125flex常用滤镜: 1.GlowFilter(color, a ... -
事件发送之复合EventDispatcher对象
2010-08-30 23:19 1487EventDispatcher类详解 2010年06月14日 ... -
Event类的实例方法
2010-08-30 21:54 791Event类中包含7个实例方法,可以分为如下3类: 实用程序方 ... -
label/textBase showTruncationTip/isTruncated属性
2010-08-19 16:24 1571showTruncationTip属性 一个控制在截断文本时 ... -
设置dropDownList没有水平、垂直滚动条
2010-08-19 12:41 3009<?xml version="1.0" ... -
使用labelFunction处理DataGrid显示内容(转载)
2010-08-12 10:40 1610转载地址:http://liguoliang.com/2009 ... -
Flex 4 and the Text Layout Framework
2010-08-10 13:15 834site:http://devgirl.wordpress.c ... -
如何在Flex4中的TextFlow对象中定义链接的样式
2010-08-10 13:10 2101Posted 七月 20th, 2009 by bill Fl ... -
flex 自定义toolTip
2010-08-09 15:02 1300两种方法 1,使用css , 设置css更改tooltip样式 ... -
关于flex 的命名空间及访问控制符问题
2010-05-30 22:49 1013FLEX 命名空间与访问控制符 链接地址:http://98 ... -
深入分析Flex [Bindable] 以及使用方法(转载)
2010-05-30 22:42 733转载地址:http://www.gold98.net/bl ... -
初识Flex Data Services(FDS)(转载)
2010-04-18 22:22 771一 FDS相关概念 FDS全称Flex Data Se ... -
Adobe AIR技术优势(装载)
2010-04-13 22:57 830Adobe AIR被媒体誉为2007年最值得关注的技术,就像当 ... -
Adobe AIR介绍(转载)
2010-04-13 22:42 700AIR就是所谓的网络应用 ...
相关推荐
checkbox和combobox作为DataGrid的itemRenderer和headerRenderer 包括全选,多选,等。。。
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc
详细介绍Flex的项目呈现器的各种初级用法以及高级用法,相当实用。
通过两种方法继承List组件的IconItemRenderer,实现在每个item项中添加组件,如button等
There is the List control itself, the DataGrid, the Tree, and the visualization classes, which include the charts and the AdvancedDataGrid. By default, the Flex list controls display the data they ...
flex itemRenderer 渲染机制的概念和使用
本文为大家详细介绍下Flex4如何使用itemRenderer 为Tree加线,感兴趣的朋友可以参考下
基于flex的最牛的datagrid做的节目或者课程播表,用ml存储数据,连接到别的页面.
使用说明: 1,确保为每行的数据提供一个默认状态【true/false】,状态名称为:isSelect 2,为了确保程序初始化时有默认选中项,要在主应用程序中实例化一个Array对象,其代码为:public var selectItems:Array=new ...
如果仅仅只是简单的显示数据,或者对显示数据做一些格式化操作,基本的DataGrid,加labelFunction支持就可以满足了,但大多我们需要针对不同的数据和对象,进行不同的渲染,比如checkbox啦,下拉选择框,日期等等,...
flex中经常会使用到渲染器,这里简要介绍一下渲染器的一些知识
提供: 内渲染器的使用方法。 通过2个List的 界面 自己看效果理解。
itemRenderer里面的内容 获取技巧。
关于flex的itemRenderer的介绍,还算比较详细。
理解_Flex_itemRenderer 理解_Flex_itemRenderer 理解_Flex_itemRenderer
用FLEX4做的项呈现器,仿雅虎聊天界面。 需要的字段为userId、nikeName、sex…… 你可以自行添加 声明,次呈现器只做模版使用。
NULL 博文链接:https://baiyejianxin.iteye.com/blog/823229
Flex项呈示器自定义及使用实例,展示用户信息,包括头像及等级信息。与博客Flex之旅--项呈示器ItemRenderer对应
解决Flex内联itemRenderer的例子