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'  
            });  
        });  
    } 
    
  • 相关阅读:
    反射实现Model修改前后的内容对比
    [C#] 将NLog输出到RichTextBox,并在运行时动态修改日志级别过滤
    C#远程调用技术WebService葵花宝典
    C# winform实现右下角弹出窗口结果的方法
    C# / VB.NET合并PDF指定页
    C# Word转PDF/HTML/XML/XPS/SVG/EMF/EPUB/TIFF
    C# 将PDF转为SVG的3种情况
    C# 如何将PDF转为多种图像文件格式(Png/Bmp/Emf/Tiff)
    C# 按指定范围拆分Excel工作表
    Powershell如何在Start-Job的Scriptblock里传参?
  • 原文地址:https://www.cnblogs.com/tianyiwuying/p/5293103.html
Copyright © 2011-2022 走看看