本文介绍了如何扩展jQuery EasyUI Datagrid的onMouseOver和onMouseOut事件，以在鼠标悬停和离开数据行时显示或隐藏人员头像。通过修改jquery.easyui.min.js脚本并添加onMouseOverRow和onMouseOutRow事件，实现了Datagrid行样式的动态切换。同时提供了两种实现方式，包括直接在Datagrid初始化时通过onLoadSuccess事件绑定鼠标事件。
客户需求：
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像（onMouseOver/onMouseOut）
如图所示，Datagrid 鼠标悬停/离开数据行时切换了不同的样式显示：
此时用谷歌开发者工具审查鼠标悬停行元素时发现，table tr 节点 class 属性中增加了 datagrid-row-over 样式：
于是打开 jquery.easyui.min.js 脚本，查找 datagrid-row-over 关键字，6983 行中发现关键字：
最低0.47元/天 解锁文章
扫一扫
评论 12
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
