Flex itemRenderer

原创 2015年07月08日 09:36:04

Vms:(初始化每次红绿蓝都一样,不会根据value出现制定的红或绿或蓝)

<mx:DataGrid id="grid"
							 width="100%"
							 height="100%">
					<mx:columns>
						<mx:DataGridColumn dataField="id"
										   headerStyleName="centered"
										   headerText="路段名称"
										   textAlign="left"/>
						<mx:DataGridColumn headerText="颜色">
							<mx:itemRenderer>
								<mx:Component>
									<mx:HBox horizontalAlign="center">
										<mx:Script>
											<![CDATA[
												
												override public function set data( value:Object ) : void 
												{
													super.data = value;
													var colorArray:Array = new Array();
													colorArray.push({label:"绿色",data:"0"});
													colorArray.push({label:"黄色",data:"1"});
													colorArray.push({label:"红色",data:"2"});
													this.color.dataProvider = colorArray;
												}
											]]>
										</mx:Script>
										<mx:ComboBox id="color" labelField="label" fontSize="13" change="outerDocument.change(color.selectedItem.data)" />
									</mx:HBox>
								</mx:Component>
							</mx:itemRenderer>
						</mx:DataGridColumn>
					</mx:columns>
				</mx:DataGrid>

EqpEquipment:(value不同,颜色不同)

<mx:DataGrid id="equipTable"
					 width="100%" 
					 height="100%" 
					 doubleClickEnabled="true"
					 doubleClick="view_equip();"
					 headerStyleName="head">
			<mx:columns>
				<!--设备名称-->
				<mx:DataGridColumn dataField="equipname" 
								   headerStyleName="centered"
								   headerText="{resourceManager.getString('message_eqp','EQP_LABEL_001')}"
								   textAlign="left"/>
				<!--所属系统-->
				<mx:DataGridColumn dataField="equipsystem"
								   headerStyleName="centered"
								   headerText="{resourceManager.getString('message_eqp','EQP_LABEL_002')}"
								   labelFunction="showSysName" 
								   textAlign="center"/>
				<!--设备状态-->
				<mx:DataGridColumn dataField="equipstatus"
								   headerStyleName="centered"
								   headerText="{resourceManager.getString('message_eqp','EQP_LABEL_022')}"
								   labelFunction="showStatus" 
								   textAlign="center">
					<mx:itemRenderer>
						<mx:Component>
							<mx:HBox horizontalAlign="center" verticalAlign="middle">
								<mx:Script>
									<![CDATA[
										// 向右
										[Embed(source='images/yello.png')]
										private var yellowImg:Class;
										// 向左
										[Embed(source='images/green.png')]
										private var greenImg:Class;
										
										[Bindable]
										private var img:Class = null;
										
										override public function set data( value:Object ) : void 
										{
											super.data = value;
											var status:String = data.equipstatus;
											if( status == "1")
											{
												img = greenImg;
											}
											else if(status == "2")
											{
												img = yellowImg;
											}else{
												img = null;
											}
										}
									]]>
								</mx:Script>
								<mx:Image source="{img}"/>
							</mx:HBox>
						</mx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
			</mx:columns>
		</mx:DataGrid>

sigDeviceControl:(最后一列不传值,只是一个按钮列)

<mx:DataGrid id="grid_plan" 
									 width="100%" 
									 height="100%" 
									 variableRowHeight="false"
									 wordWrap="false">
							<mx:columns>
								
								<mx:DataGridColumn width=".2" headerText="方案序号" dataField="planno" headerStyleName="centered" textAlign="center" />
								<mx:DataGridColumn width=".2" headerText="周期长度" dataField="cyclelen" headerStyleName="centered" textAlign="center" />	
								<mx:DataGridColumn width=".2" headerText="协调相位号" dataField="coordphaseno" headerStyleName="centered" textAlign="center" />
								<mx:DataGridColumn width=".2" headerText="协调阶段差" dataField="offset" headerStyleName="centered" textAlign="center" />
								<mx:DataGridColumn width=".2" headerText="放行阶段序号" dataField="stagenolist" headerStyleName="centered" textAlign="center" />
								<mx:DataGridColumn width=".1" textAlign="center" headerText="下发">
									<mx:itemRenderer>
										<mx:Component>
											<mx:HBox horizontalAlign="center">
												<mx:LinkButton label="下发" click="outerDocument.issued();"/>
											</mx:HBox>
										</mx:Component>
									</mx:itemRenderer>
								</mx:DataGridColumn>
							</mx:columns>
						</mx:DataGrid>



 

 


 

flex datagrid itemrender 渲染 问题及解决办法

项目中遇到这样一个问题: 在datagrid中加itemrender,itemrender中是个checkbox,checkbox根据当前行的数据决定是否选中它, 当设置datagrid的高度不能完全...
  • buyaore_wo
  • buyaore_wo
  • 2011年04月14日 00:01
  • 3656

flex datagrid column itemRenderer

工厂 视图
  • flash8627
  • flash8627
  • 2014年11月06日 18:32
  • 1245

提高flex性能之itemRenderer篇

之前我有总结过如何提高flex性能的文章,最近又碰到一个问题,就是对大批量数据的时候DataGrid中采用很多itemRenderer,性能将是一个大问题。于是寻找有关权威文章,期望能有所收获。在Pe...
  • hotdust
  • hotdust
  • 2011年10月09日 11:46
  • 2899

flex在使用itemrender时,再次刷新数据时itemrender错乱问题

显然flex为了保证执行效率,只是单纯的更新了数据部分。忽略了视图部分的更新。已经给出了一个可行的解决方案,链接如下http://bbs.9ria.com/viewthread.php?tid=660...
  • dulgao
  • dulgao
  • 2014年09月11日 10:20
  • 1159

DataGrid实现自定义ItemRenderer

今天要实现一个自定义的ItemRender,需要根据不同的数据项配以不同的图标,如下图所示:        从网上学习了一下,如果要实现自定义的ItemRender,则需要实现IDataRendere...
  • ozzy_003
  • ozzy_003
  • 2010年12月08日 14:59
  • 3816

FLEX中使用itemRenderer调用父页面的方法使用关键字outerDocument

FLEX中使用itemRenderer调用父页面的方法使用关键字outerDocument 调用的父页面方法必须是PUBLIC声明的方法                ...
  • zhizaibide1987
  • zhizaibide1987
  • 2012年12月14日 17:43
  • 1748

Flex4中list与itemRenderer项目渲染器中子对象之间访问

什么是itemRenderer?  itemRenderer,可以理解为数据的表现方式,具体地说,是指显示每一条数据时采用的形式。在使用数据处理类组件时,我们只需要把数据按照一定的格式组织好,然后赋...
  • lxping1012
  • lxping1012
  • 2011年11月27日 23:14
  • 3815

[Flex4]mx:DataGrid控件中itemRenderer的事件响应

场景:在下在mx:DataGrid中,自定义一下itemRenderer,用于添加按钮到列中itemRenderer代码如下: ...
  • aContainer
  • aContainer
  • 2011年04月21日 19:22
  • 3184

flex中ComboBox的自定义样式 无边框

ComboBox引用皮肤类:s|ComboBox{skinClass:ClassReference("com.kingtop.skins.CustomComboBoxSkins")} 1.在com....
  • wpz0713
  • wpz0713
  • 2015年01月14日 13:53
  • 1720

动态设置组件的itemRenderer属性

对于有itemRenderer属性的组件,如List、DataGrid的DataGridColumn,如果是在设计时设置itemRenderer是比较方便的,只要指定itemRenderer所使用的包...
  • lu_cy
  • lu_cy
  • 2011年04月20日 17:32
  • 1007
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex itemRenderer
举报原因:
原因补充:

(最多只允许输入30个字)