easyui datagrid 悬浮事件

easyui的单元格提示窗体  鼠标悬浮事件

 

function findAllPreven() {
	var infoname = $('#area').val();	
	areadatagrid=$('#dg').datagrid({	
		rowStyler : function(index, row) {
			if (row.state == "0") {
				return 'color:red';
			} else if (row.state == "1") {
				return 'color:green';
			}
		},
		url : '连接地址',
		fit : true,
		nowrap : true,
		fitColumns : true,
		idField : 'id',
		pagination : true,
		pageSize : 15,
		pageList : [ 15, 25, 35, 45 ],
		rownumbers : true,
		sortName : 'id',
		sortOrder : "desc",
		toolbar: '#tb',   
		checkOnSelect : true,
		ctrlSelect:true,
		remoteSort : false,
		title:"数据列表",
		queryParams : {
			area : infoname,			
		},
		columns : [ [ {
			field : 'id',
			title : '选择',
			width : 100,
			align : 'center',
			sortable : true,
			checkbox : true,
			
		}
		,{
			field : 'source',
			title : '信息来源',
			width : 100,
			align : 'center',
			sortable : true,
			formatter:cellRowMark //悬浮
		}	
		{
			field : 'state',
			title : '状态',
			width : 100,
			align : 'center',
			sortable : true,
			formatter:function(value,row,index){
				if(value==0){
					return "<span style='color:red'>未处理</span>";
				}else if(value==1){
					return "<span style='color:green'>已处理</span>";
				}
				else if(value==2){
					return "<span style='color:black'>初处理</span>";
				}
		   	}
		}
		] ],
		onLoadSuccess:function(){createTooltip();}, //初始化悬浮方法
		onDblClickCell:function(rowIndex, field, value){
			if(field=="source")
			{
				if(value=="")return;
				
			}
			else
			{
				var rowData=$('#dg').datagrid('getRows')[rowIndex];      
			}
		}
	});
}
//单元格
function cellRowMark(value,row,index){
    return '<span getInfo='+index+' class="easyui-tooltip">' + value + '</span>';  
} 
//创建悬浮方法
function createTooltip(){  
    $('#dataGrid【表格名称】').datagrid('getPanel').find('.easyui-tooltip').each(function(){  
        var index = parseInt($(this).attr('getInfo'));  
        $(this).tooltip({  
            content: $('<div>双击该单元格显示人员信息<br/>双击其他单元格显示预警信息</div>'),            
            position:'right'  
        });  
    });  
}