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. 【搬砖】安卓入门(2)- Java开发编程基础--进制转换和运算符

    02.01_Java语言基础(常量的概述和使用)(掌握) A:什么是常量 在程序执行的过程中其值不可以发生改变 B:Java中常量的分类 字面值常量 自定义常量(面向对象部分讲) C:字面值常量的分类 ...

  2. Android 7.1 App Shortcuts使用

    Android 7.1 App Shortcuts使用 Android 7.1已经发了预览版, 这里是API Overview: API overview. 其中App Shortcuts是新提供的一 ...

  3. 【代码笔记】iOS-柱状图

    一,效果图. 二,工程图. 三,代码. RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController ...

  4. freeswitch嵌入python脚本

    操作系统:debian8.5_x64 freeswitch 版本 : 1.6.8 python版本:2.7.9 开启python模块 安装python lib库 apt-get install pyt ...

  5. Java中serialVersionUID的解释及两种生成方式的区别(转载)

    转载自:http://blog.csdn.net/xuanxiaochuan/article/details/25052057 serialVersionUID作用:        序列化时为了保持版 ...

  6. 使用Servlet和JSP实现一个简单的Web聊天室系统

    1 问题描述                                                利用Java EE相关技术实现一个简单的Web聊天室系统,具体要求如下. (1)编写一个登录 ...

  7. Apache服务停止:信号灯超时时间已到,指定的网络名不再可用

    环境说明:Apache2.4.10,Windows Server 2008 R2 问题说明: apache服务用于下载文件,但是在运行一段时间后,突然挂了. 其错误提示如下所示: [error] (7 ...

  8. Java并发包源码分析

    并发是一种能并行运行多个程序或并行运行一个程序中多个部分的能力.如果程序中一个耗时的任务能以异步或并行的方式运行,那么整个程序的吞吐量和可交互性将大大改善.现代的PC都有多个CPU或一个CPU中有多个 ...

  9. JBPM工作流

    一.开发环境的搭建 1.下载Jbpm4.4 1.1下载地址: https://sourceforge.net/projects/jbpm/files/jBPM%204/jbpm-4.4/ 1.2解压后 ...

  10. python flask (一)

    from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return 'Hello World ...