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

easyui datagrid 悬浮事件的更多相关文章

  1. JQuery easyui Datagrid 分页事件

    easyui是Jquery中的一个轻量级UI插件,提供了一些诸如window.datagrid.button等控件.现在主要说说Datagrid中分页控件的使用. easyui中可以单独添加分页pag ...

  2. EasyUI DataGrid组织事件冒泡

    在事件内部需要阻止的地方添加如下代码 ]; 解释: arguments.callee是获得我自定义的事件处理方法OnSelected的方法体. .caller是获得调用OnSelected的上层方法( ...

  3. EasyUI datagrid 过滤事件段

    //dateTimeRange过滤扩展 $.extend($.fn.datagrid.defaults.filters, { dateRange: { /*onInit: function(targe ...

  4. EasyUi datagrid 单选框选中事件

    Easyui datagrid中的单选框默认是这样定义的 columns: [[ { field: 'CK', title: '', checkbox: true, width: 30 }]]. 平常 ...

  5. EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他

    原创 : EasyUI datagrid 明细表格中编辑框 事件绑定 及灵活计算 可根据此思路 扩展其他 转载,请注明出处哦!谢谢! 原创 : EasyUI datagrid 明细表格中编辑框 事件绑 ...

  6. 扩充 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

    客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...

  7. EasyUI中datagrid双击事件

    EasyUI中datagrid双击事件 在jsp文件底部增加代码: <script type="text/javascript"> //数据表双击事件 $('#tabl ...

  8. 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停/离开事件(onMouseOver/onMouseOut)

    客户需求: jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) 如图所示,Datagrid 鼠标悬停/离开数据行时 ...

  9. easyui datagrid editor checkbox 单击事件

    Easyui datagrid treegrid中能够为行追加checkbox元素.比如: $('#tt').treegrid({ url:'get_data.php', idField:'id', ...

随机推荐

  1. Fresco从配置到使用(最高效的图片加载框架)

    Frescoj说明:      facebook开源的针对android应用的图片加载框架,高效和功能齐全. 支持加载网络,本地存储和资源图片: 提供三级缓存(二级memory和一级internal ...

  2. 最新Android系统版本与API等级对应关系表

    最新Android系统版本与API等级对应关系表 从Android官网拷过来的,方便查阅... 官网地址:https://developer.android.com/guide/topics/mani ...

  3. php foreach引用赋值

    在写代码时发现php foreach引用赋值会导致意外的行为. 代码示例: <?php $arr = array('a','b','c'); foreach($arr as $k=>&am ...

  4. TypeScript 素描 - 类

    本文虽然是学自官方教程而来,但是也融入了自己的理解,而且对官方的例子做了一些修改 /* 类 面向对象编程的一大核心 使用C#.Java进行编程的朋友肯定已经是不能够再熟悉了 TypeScript的类与 ...

  5. [LeetCode] Power of Two 判断2的次方数

    Given an integer, write a function to determine if it is a power of two. Hint: Could you solve it in ...

  6. [LeetCode] Search in Rotated Sorted Array 在旋转有序数组中搜索

    Suppose a sorted array is rotated at some pivot unknown to you beforehand. (i.e., 0 1 2 4 5 6 7 migh ...

  7. [LeetCode] 3Sum Closest 最近三数之和

    Given an array S of n integers, find three integers in S such that the sum is closest to a given num ...

  8. MVC系列——MVC源码学习:打造自己的MVC框架(一:核心原理)

    前言:最近一段时间在学习MVC源码,说实话,研读源码真是一个痛苦的过程,好多晦涩的语法搞得人晕晕乎乎.这两天算是理解了一小部分,这里先记录下来,也给需要的园友一个参考,奈何博主技术有限,如有理解不妥之 ...

  9. caffe代码调试小结

    RELULayer层 bottom[0]->count=n*c*w*h=50*96*56*56 count=50*96*56*56,根据bottom_data[i]访问所有的数据(多维数组都是一 ...

  10. PM成长之路(一)

    到底什么样的人适合任项目经理一直是很多企业的困惑,因为大家发现优秀项目经理的特质看起来和传统的职能经理或技术专家很不一样.当企业在决定开展一个重大的项目时,如果不能找到一个适合带领和管理项目的项目经理 ...