关闭

Flex itemRenderer

193人阅读 评论(0) 收藏 举报
分类:

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>



 

 


 

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:67494次
    • 积分:1325
    • 等级:
    • 排名:千里之外
    • 原创:60篇
    • 转载:68篇
    • 译文:0篇
    • 评论:2条
    最新评论