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标签放在哪儿,嘿嘿,如果不知道自己百度下吧