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'  
        });  
    });  
} 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值