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

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

<mx:DataGrid id="tableList" x="178" y="190" width="138" height="189"   itemClick="onItemClick2(event)" sortableColumns="false" dataProvider="{arraytl}" borderStyle="solid" borderColor="#CACCCD" fontSize="12">    <mx:columns>        <mx:DataGridColumn headerText="信息分类"  dataField="name"                            dataTipField="name" showDataTips="true"/>    </mx:columns></mx:DataGrid><mx:DataGrid id="propertyList" x="334" y="190" width="138" height="189"  itemClick="onItemClick3(event)" sortableColumns="false" dataProvider="{this.pldata.Property}" borderStyle="solid" borderColor="#CACCCD" fontSize="12">     <mx:columns>     <mx:DataGridColumn headerText="属性"                         dataField="@item_name"                     dataTipField="@item_name" showDataTips="true" />     </mx:columns></mx:DataGrid>

注意：我这里有两个DataGrid，我在每个DataGrid中的mx:DataGridColumn中添加了两个属性dataTipField和showDataTips,在dataTipField中填写你想显示的内容，我这里显示的是我当前行的数据值，showDataTips属性必须设置为true，不然依然不会有悬停效果。

      做到这里，我们就实现了悬停的效果，但是你可能会发现当鼠标悬停到当前行上时，显示的字体的大小不合适，于是我们需要设置下字体的大小，不用它默认的字体。

<mx:Style>ToolTip{fontSize:14pt;}DataTip{fontSize:14pt;} </mx:Style>

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

查看更多 下一篇