`
Sky_YiBai
  • 浏览: 12141 次
  • 性别: 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标签放在哪儿,嘿嘿,如果不知道自己百度下吧
分享到:
评论

相关推荐

    easyui datagrid 增加鼠标悬停弹窗事件

    在本示例中,我们关注的是如何在EasyUI的Datagrid组件上添加一个特殊功能:当鼠标悬停在某一行时,弹出一个窗口显示该行的关键信息,例如用于图片预览。以下是对这个知识点的详细解释: 1. **EasyUI Datagrid**: ...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    鼠标移动DataGrid显示详细信息

    - 接着,在 `DataGrid1_ItemDataBound` 事件处理程序中,为 DataGrid 的每一项添加了相应的事件处理函数,实现了鼠标悬停时显示详细信息的功能。 #### 5. 总结 本篇文章介绍了如何通过结合 JavaScript 和 ASP.NET ...

    DataGrid当鼠标划过每行时,在ToolTip中显示每行数据的详情

    通过以上步骤,你就能在DataGrid中实现当鼠标划过每行时显示详细的ToolTip效果。这种方法增强了用户对数据的感知,尤其是在数据量较大且无法完全展示在屏幕上的情况下。在实际项目中,可以结合你的业务需求,对这个...

    Flex DataGrid 改变某一行的背景颜色

    在实际应用中,我们经常需要根据特定条件改变DataGrid中某一行的背景颜色,以突出显示特定数据或提供视觉反馈。本文将详细讲解如何在Flex中实现这一功能。 首先,我们要了解Flex DataGrid的基本结构。DataGrid由一...

    easyUI 鼠标悬停 扩展js

    2. **样式调整**:当鼠标悬停在某行上时,可以通过修改CSS类来改变行的样式,突出显示当前选中的行。 ```javascript $('.datagrid-row').hover(function() { $(this).addClass('datagrid-row-hover'); }, ...

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    FLEX的datagrid合计、平均值

    在Flex开发中,Datagrid组件是用于展示数据集的一个强大工具,它允许用户以表格的形式查看和操作数据。本文将深入探讨如何在Flex的Datagrid中实现数据的合计与平均值计算,帮助开发者更好地理解和应用这些功能。 ...

    WPF DataGrid 添加合计行并始终显示在底部代码

    这个教程将指导你如何在WPF `DataGrid` 中实现这一功能,并保持合计行始终位于数据的底部,同时应用一些常见的样式,如隔行变色、鼠标悬停变色和选中行变色。 首先,我们需要创建一个`DataGrid`,并绑定到一个数据...

    easyUI中datagrid鼠标悬浮显示图片

    easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501

    flex DataGrid改变指定行的背景颜色

    在某些情况下,我们可能需要根据特定条件改变DataGrid中的某一行或几行的背景颜色,以突出显示或者区分不同的数据状态。本篇文章将详细探讨如何在Flex中实现这一功能。 首先,我们需要理解DataGrid的基本结构。...

    WPF DataGrid 行拖拽

    在Windows Presentation Foundation (WPF)框架中,DataGrid控件是一种强大的数据展示工具,它允许用户以表格形式显示和操作数据。默认情况下,WPF DataGrid的列支持拖放功能,用户可以方便地调整列的位置。然而,...

    flex datagrid 前台 分页

    Flex DataGrid是一款强大的数据展示组件,常用于Adobe Flex或Flash Builder等开发环境中。它能够高效地展示大量数据,并提供...正确实现前台分页,可以使Flex DataGrid在处理大量数据时表现出优秀的性能和响应速度。

    WPF DataGrid 行的背景色根据行中某一字段的值来显示

    WPF的DataGrid展示数据源数据时,需要根据某行中某一字段值,来显示背景颜色。这里简单做了一个int类型的值,为0的时候为橙色,为1的时候为草绿色....也可以在数据源中添加Color列,并直接存放Color的16进制值,并...

    关于datagrid的鼠标经过事件,显示datagrid中数据

    根据提供的文件信息,我们可以深入探讨如何利用`onmouseover`事件在鼠标悬停时显示`datagrid`中的具体数据。本文将详细介绍实现这一功能的关键步骤、所涉及的技术细节以及代码示解。 ### 一、理解 Datagrid 和 ...

    WPF DataGrid合并行

    在处理大量数据时,我们有时需要对行进行合并以提高视觉效果和信息组织,例如,当需要合并具有相同值的列或创建表头时。本篇文章将深入探讨如何在WPF DataGrid中实现行的合并。 首先,理解DataGrid的基本结构至关...

    Flex dataGrid 全选、反选

    在Flex编程中,DataGrid组件是用于展示结构化数据的强大工具。它允许用户对数据进行排序、筛选和编辑。在实际应用中,我们经常需要实现全选和反选功能,以便用户可以一次性选择或取消选择所有条目。本文将详细讨论...

    C# WPF DataGrid行拖拽顺序交换

    在开发过程中,有时我们需要实现一个功能,即允许用户通过拖拽行来改变DataGrid中数据的显示顺序。这个功能在处理可排序列表时非常实用,比如在管理任务列表、产品目录或任何需要用户自定义顺序的数据集合时。标题...

    Wpf DataGrid 合计行,并在最下方

    wpf的DataGrid中,添加某一列的合计,并在最下方固定显示。本列子不使用ToolKit(有3.5和4.0的限制),添加一个类,重写DataGrid。可以在DataGrid上下左右绑定一个DataGrid,类似Footer属性。示例可直接运行,简单...

Global site tag (gtag.js) - Google Analytics