zoukankan      html  css  js  c++  java
  • 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'  
            });  
        });  
    } 
    
  • 相关阅读:
    域名ICP备案个人备案写网站名称注意事项
    关于域名备案的注意事项
    MySQL里默认的几个库是干啥的?
    Python 1.3 元组与文件
    PTA(BasicLevel)-1006换个格式输出整数
    数据结构与算法-图的最短路径Dijkstra
    PTA(Basic Level)-1002 写出这个数
    PTA(Basic Level)-1076 Wifi密码
    C程序设计语言笔记-第一章
    谁能笑到最后,约瑟夫环-Josephus问题求解
  • 原文地址:https://www.cnblogs.com/tianyiwuying/p/5293103.html
Copyright © 2011-2022 走看看