这篇文章并不是技术探索的文章,因为涉及的问题网上已经有人给出了更详细的解答,而我之所以写成博客,主要的是为了自己以后查阅起来方便,如果有幸对其他人也起到了帮助,自然十分高兴。
先啰嗦几句:
1.我在百度搜索“flex 悬停 datagrid”,找到了toolTip这个属性可能与其相关度较大。
2.我继续搜索“flex toolTip”这个属性,找到了这篇文章:
[url]http://demojava.iteye.com/blog/1181955[/url],这篇文章对这个属性在各个情况下的应用都介绍的很详细,所以再次谢谢该文作者。
我的代码如下:
[color=red]注意:我这里有两个DataGrid,我在每个DataGrid中的mx:DataGridColumn中添加了两个属性dataTipField和showDataTips,在dataTipField中填写你想显示的内容,我这里显示的是我当前行的数据值,showDataTips属性必须设置为true,不然依然不会有悬停效果。[/color]
做到这里,我们就实现了悬停的效果,但是你可能会发现当鼠标悬停到当前行上时,显示的字体的大小不合适,于是我们需要设置下字体的大小,不用它默认的字体。
至于这个mx:style标签放在哪儿,嘿嘿,如果不知道自己百度下吧
先啰嗦几句:
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标签放在哪儿,嘿嘿,如果不知道自己百度下吧