这篇文章并不是技术探索的文章,因为涉及的问题网上已经有人给出了更详细的解答,而我之所以写成博客,主要的是为了自己以后查阅起来方便,如果有幸对其他人也起到了帮助,自然十分高兴。
先啰嗦几句:
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标签放在哪儿,嘿嘿,如果不知道自己百度下吧
分享到:
相关推荐
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
easyui1.4.5增加一个鼠标滑过行,注意是行不是列,然后弹出框显示某些关键信息,如经典的图片预览操作,内容提供demo,并附修改方法,这个方法是修改的源码,没有增加扩展实现,若愿意请自行实现
Flex DataGrid 改变某一行的背景颜色,自定义的DataGrid组件
在FLEX4中开发带有过滤功能的DATAGRID组件
当鼠标在DataGrid上面移动时候,移到某一行,将显示某一行的详细信息。
easyUI中datagrid鼠标悬浮显示图片,博客地址:https://blog.csdn.net/lwf3115841/article/details/119531658?spm=1001.2014.3001.5501
FLEX的datagrid合计、平均值,很好的例子代码拿来就可以用
Flex4.6 开发的关于DataGrid控件,在其中嵌套了comboBox,控制是否可航编辑,添加删除一行,光表定位,查了好些资料,可直接运行
flex datagrid 改变指定行的背景颜色,可直接使用
WPF的DataGrid展示数据源数据时,需要根据某行中某一字段值,来显示背景颜色。这里简单做了一个int类型的值,为0的时候为橙色,为1的时候为草绿色....也可以在数据源中添加Color列,并直接存放Color的16进制值,并...
找了好长时间,终于找到wpf DataGrid添加合计行并始终显示在底部,并带有DataGrid 样式(隔行变色,鼠标移动变色,选中行变色)
鼠标点击和悬停时对表格行着色,通过CSS和JAVASCRIPT对表格的鼠标点击和悬停进行着色!
NULL 博文链接:https://dongguojun.iteye.com/blog/1005292
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
Flex 动态给DataGrid增加行,可编辑行数据
wpf的DataGrid中,添加某一列的合计,并在最下方固定显示。本列子不使用ToolKit(有3.5和4.0的限制),添加一个类,重写DataGrid。可以在DataGrid上下左右绑定一个DataGrid,类似Footer属性。示例可直接运行,简单...
flex中的datagrid的分页定位以及高亮显示
WPF DataGrid合并行
Flex dataGrid 全选、反选 checkBox 不是很完善,但很有借鉴意义
easyUI datagrid 鼠标悬停扩展js