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

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

我的代码如下：

View Code

注意：我这里有两个DataGrid，我在每个DataGrid中的mx:DataGridColumn中添加了两个属性dataTipField和showDataTips,在dataTipField中填写你想显示的内容，我这里显示的是我当前行的数据值，showDataTips属性必须设置为true，不然依然不会有悬停效果。
做到这里，我们就实现了悬停的效果，但是你可能会发现当鼠标悬停到当前行上时，显示的字体的大小不合适，于是我们需要设置下字体的大小，不用它默认的字体。

View Code

 1 <mx:Style>
 2         ToolTip{
 3             fontSize:14pt;
 4         }
 5
 6         DataTip{
 7             fontSize:14pt;
 8         }
 9
10 </mx:Style>

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

转载于:https://www.cnblogs.com/PurpleDream/archive/2013/04/17/3025914.html

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

html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...
Cesium鼠标移入或悬停在某些铯对象上时更改鼠标箭头为手势
添加鼠标移入监听事件,以下为在vue项目中实现: //MapModelClickEvent.js:地图监听工具 //鼠标移入监听事件 function mouseMoveEvent(viewer, c ...
vim快速定位到某一行显示行号定位匹配字符串显示当前行信息的命令
快速定位到指定行 vim打开文件默认光标会停留在文件开头,当文件行数比较多的时候很难快速找到行数进行修改,以下几种方法可以帮你快速定位到指定行. 1.命令模式下(没有输入i进行编辑前),:n 比如想到 ...
HTML5+CSS3之隐藏文本内容鼠标悬停显示所有
在我们进行网页开发时出现有下列需求的时候,我们来看看怎么才可以做到. 1.文本内容在一行或者几行显示 2.限定当文本内容超出限制后隐藏显示 3.用省略号代替隐藏内容 4.当鼠标悬停在隐藏文本内容上时, ...
Vue之鼠标悬停显示页面加载时间
效果如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ...
鼠标悬停效果 PPT制作
鼠标悬停效果实现在制作PPT时,有时候需要实现鼠标的悬停效果,即将鼠标放置在某个按钮或图片上,实现动态变化的效果. 目标是: 当鼠标悬停在一些人物名字上时,出现该人物的个人信息. 具体做法是: 设置 ...
背景图片用css能隐藏吗,用css实现鼠标悬停时隐藏背景图片的问题
用css实现鼠标悬停在导航文字连接上时隐藏导航的背景图片为什么我的鼠标悬停在导航上时,背景图片还在啊? css代码如下: body{ margin:0; padding:0; background: ...
JS小技巧：鼠标悬停事件
简单的JS悬停图片变换不多bb先看效果图可以看到鼠标悬停在不同的标题上时,下方的图片会产生相应变换代码如下 <!DOCTYPE html> <html><head& ...
[html+js][实现鼠标悬停事件]鼠标移动到行自动变色实现
下面是一个示例HTML代码,它创建了一个带有5行3列的表格,并为每一行添加了鼠标事件,当鼠标移到行上时,该行背景颜色变成蓝色,移出时恢复原来的颜色: 其中,onmouseover 和 onmouseo ...

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

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

最新文章

热门文章