flex数据超过列长时的处理

<mx:DataGridColumn headerText="文章标题" id="titleColumn"
					width="150"
					textAlign="center"
					dataField="title">
					<mx:itemRenderer>
						<fx:Component>
							<s:MXDataGridItemRenderer dataChange="mxdatagriditemrenderer2_dataChangeHandler(event)">
								<fx:Script>
									<![CDATA[
										import mx.events.FlexEvent;
										
										[Bindable]
										private var title:String="";
										
										protected function mxdatagriditemrenderer2_dataChangeHandler(event:FlexEvent):void
										{
											var str:String="";
											if (data != null && data.id > 0)
											{
												str=data.title;
												if (measureText(str).width > outerDocument.titleColumn.width)
												{
													var i:int = 1;
													while(measureText(str.substr(0,i) + "...").width < outerDocument.titleColumn.width){
														i ++;
													}
													title=str.substr(0, i - 2) + "...";
													(event.currentTarget as MXDataGridItemRenderer).toolTip=data.title;
												}
												else
												{
													title=str;
													(event.currentTarget as MXDataGridItemRenderer).toolTip=null;
												}
											}
										}
									]]>
								</fx:Script>
								<s:Label text="{title}"/>
							</s:MXDataGridItemRenderer>
						</fx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>


=================================================
记住不用加toolTip

<mx:DataGridColumn headerText="文章标题"
								   resizable="true"
								   width="50"
								   textAlign="center"
								   dataField="title">
					<mx:itemRenderer>
						<fx:Component>
							<mx:Label width="100%"
									 text="{data.title}"/>
						</fx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>


如果标题过长
--------------------------------
<mx:DataGridColumn  dataField="channelName">
				<mx:headerRenderer>
					<mx:Component>
						<mx:Label text="{resourceManager.getString('strings','BROADCASTCHANNEL')}"/>
					</mx:Component>
			</mx:headerRenderer>
			</mx:DataGridColumn>
--------------------

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值