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

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

我的代码如下:
	
<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>


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

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

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

DataTip{
fontSize:14pt;
}

</mx:Style>

至于这个mx:style标签放在哪儿,嘿嘿,如果不知道自己百度下吧
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值