Flex itemRenderer

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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值