当前位置:主页>Flex>文章内容
  • Flex Label组件自动截断文本的妙用
  • 来源:eshangrao.com 作者:feiy 2008-03-24 【

 

mx.controls.Label组件有一个很有用的特性,那就是如果其要显示的文本长度大于组件的宽度时候,会自动截断文本,并在文本后面添加上...表示文本还有未显示部分,而且还会显示一个包括完整文本内容的ToolTip,所以将Label设置为DataGrid的Renderer,可将该特性用于在DataGrid里面截断过宽的Header文本或用于截断显示不下的单元格内容,而当用户鼠标移到列上的时候不需要调整列宽,又可以通过Tooltip查看到单元格实际内容,是不是很方便啊?!
以下是个示例代码:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 layout="vertical"
 verticalAlign="middle"
 backgroundColor="white">
 
 <mx:XML id="xmlDP">
  <nodes col1="root">
   <node col1="mx.controls.Label:用于显示文本" col2="Label 组件" />
   <node col1="mx.core.Application:mx应用核心" col2="核心组件" />
   <node col1="测试" col2="测试" />
  </nodes>
 </mx:XML>
 <mx:DataGrid id="dataGrid"
  dataProvider="{xmlDP.node}"
  width="250"
  height="200">
   <mx:columns>
    <mx:DataGridColumn dataField="@col1"
     headerText="Flex组件名称"
     itemRenderer="mx.controls.Label"
     headerRenderer="mx.controls.Label"/>
    <mx:DataGridColumn dataField="@col2"
     headerText="Flex组件详细说明,包括用法等"
     itemRenderer="mx.controls.Label"
     headerRenderer="mx.controls.Label" />
   </mx:columns>
 </mx:DataGrid>
</mx:Application>





上一篇:在 Flex 中设置进度条(ProgressBar)完成时效果的例子   下一篇:Flex教程-使用行为
  • 用户名:新注册) 密码: 匿名评论
  • 评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规)

Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询: admin#flashas.net (#为@) 联系QQ:40777822 浙ICP备06033001号
(本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。)