ligerui实现鼠标滑过行,显示单元格内容
2014-04-01 20:08
495 查看
实现鼠标滑过行时,显示操作表格中的内容,移出时隐藏。
{display : '操作',name : 'operate_list_grid',width:'200', render:function(rowdata, rowindex, value){ var tempSet =''; tempSet+='<span style="display:none;" id=\'span_'+rowdata.id+'\'>'; tempSet+='<a href="#" onclick="test(\''+rowindex+'\')"><img srcedit.gif" />下载</a>'; tempSet+='</span>'; return tempSet; }
构建表格($('#list-grid').ligerGrid(options); )的时候在options中添加事件 onAfterShowData : function(currentData){ $(".l-grid-row").hover(function(){ $(this).find("span").show(); },function(){ $(this).find("span").hide(); }); }
相关文章推荐
- 【code】jQuery实现鼠标滑过标题显示其后内容
- 鼠标滑过不同单元格,显示不同内容
- css实现table中td单元格鼠标悬浮时显示更多内容
- JQ实现效果:点击(or鼠标滑过)连接时显示内容,再点击(鼠标滑出)连接时隐藏内容
- vaddin grid实现每个单元格的ToolTip(鼠标放在单元格显示出单元格的内容)
- css实现table中td单元格鼠标悬浮时显示更多内容
- EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
- JQuery 应用: 鼠标滑过td 显示td 的其他内容(方法一)
- 前端实战——完美解决文本框超出内容用“……”表示,鼠标滑过时显示隐藏内容
- jQuery实现鼠标滑过图片时会缩小并动态显示信息的幻灯效果
- EasyUI Datagrid 鼠标悬停显示单元格内容
- jquery实现鼠标滑过小图时显示大图的方法
- JQuery 应用: 鼠标滑过td 显示td 的其他内容(方法二)
- 怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来
- 一个列用render渲染的时候,如果列宽度不够,内容多出的部分会被隐藏,无法显示。这时需要一个鼠标滑过提示全部内容的tip功能。
- CSS3实现鼠标悬停显示扩展内容
- JQuery实现鼠标滑过显示导航下拉列表
- js+css样式表实现鼠标移动变换显示内容效果
- EasyUI Datagrid 鼠标悬停显示单元格内容