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. Undefined symbols for architecture arm64:

    1. 没有往项目中导入静态库(.a 文件)需要的 framework. 2.拖到项目中的静态库不支持arm64(或其他)指令集  这种情况没遇到过 一般都是第一种情况.

  2. koala预编译工具的使用

    Koala是一个开源的预处理语言图形编译工具,目前已支持Less.Sass.Compass与CoffeeScript. 安装Koala 在Koala官网根据你的系统平台下载对应的版本.Linux系统要 ...

  3. sql server中substring的用法

    SQL 中的 substring 函数是用来截取一个栏位资料中的其中一部分. 例如,我们需要将字符串'abdcsef'中的'abd'给提取出来,则可用substring 来实现: ,) 结果: 'ab ...

  4. 利用联合双边滤波或引导滤波进行升采样(Upsampling)技术提高一些耗时算法的速度。

    这十年来,在图像处理领域提出了很多新的图像分析和处理方法,包括是自动的以及一些需要有人工参与的,典型的比如stereo depth computations.image colorization.to ...

  5. mybatis常见易出错

    在学习mybatis的过程中,发现了很多错误,这里记录一下,以供后来使用 1,config.xml文件中配置项的顺序: org.apache.ibatis.exceptions.Persistence ...

  6. node fs lstat 如何区别文件和文件夹

    通过lstat 得到 文件的描述对象 stat. stat.isFile() stat.isDirectory()

  7. dubbox 增加google-gprc/protobuf支持

    好久没写东西了,今年实在太忙,基本都在搞业务开发,晚上来补一篇,作为今年的收官博客.google-rpc 正式发布以来,受到了不少人的关注,这么知名的rpc框架,不集成到dubbox中有点说不过去. ...

  8. Nutch搜索引擎(第1期)_ Nutch简介及安装

    1.Nutch简介 Nutch是一个由Java实现的,开放源代码(open-source)的web搜索引擎.主要用于收集网页数据,然后对其进行分析,建立索引,以提供相应的接口来对其网页数据进行查询的一 ...

  9. [LeetCode] Find All Anagrams in a String 找出字符串中所有的变位词

    Given a string s and a non-empty string p, find all the start indices of p's anagrams in s. Strings ...

  10. [LeetCode] Valid Perfect Square 检验完全平方数

    Given a positive integer num, write a function which returns True if num is a perfect square else Fa ...