Flex 当鼠标悬停在DataGrid某行上时用datatoolField显示当前行

      这篇文章并不是技术探索的文章,因为涉及的问题网上已经有人给出了更详细的解答,而我之所以写成博客,主要的是为了自己以后查阅起来方便,如果有幸对其他人也起到了帮助,自然十分高兴。 
     先啰嗦几句: 
     1.我在百度搜索“flex 悬停 datagrid”,找到了toolTip这个属性可能与其相关度较大。 
     2.我继续搜索“flex toolTip”这个属性,找到了这篇文章: 
http://demojava.iteye.com/blog/1181955,这篇文章对这个属性在各个情况下的应用都介绍的很详细,所以再次谢谢该文作者。

     我的代码如下:      

View Code

      注意:我这里有两个DataGrid,我在每个DataGrid中的mx:DataGridColumn中添加了两个属性dataTipField和showDataTips,在dataTipField中填写你想显示的内容,我这里显示的是我当前行的数据值,showDataTips属性必须设置为true,不然依然不会有悬停效果。 
      做到这里,我们就实现了悬停的效果,但是你可能会发现当鼠标悬停到当前行上时,显示的字体的大小不合适,于是我们需要设置下字体的大小,不用它默认的字体。       

View Code
 1 <mx:Style>
 2         ToolTip{
 3             fontSize:14pt;
 4         }
 5 
 6         DataTip{
 7             fontSize:14pt;
 8         } 
 9 
10 </mx:Style>

      至于这个mx:style标签放在哪儿,嘿嘿,如果不知道自己百度下吧 

 

 

 

 

 

 

 

 

posted on 2013-04-17 12:00  Sky_YiBai  阅读(594)  评论(0编辑  收藏  举报