`
Sky_YiBai
  • 浏览: 11728 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • Flex
 
阅读更多
    这篇文章并不是技术探索的文章,因为涉及的问题网上已经有人给出了更详细的解答,而我之所以写成博客,主要的是为了自己以后查阅起来方便,如果有幸对其他人也起到了帮助,自然十分高兴。
     先啰嗦几句:
    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标签放在哪儿,嘿嘿,如果不知道自己百度下吧
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics