ligerui实现鼠标滑过行,显示单元格内容

实现鼠标滑过行时,显示操作表格中的内容,移出时隐藏。

{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();
	});
}


 

你可能感兴趣的:(ligerui实现鼠标滑过行,显示单元格内容)