zoukankan      html  css  js  c++  java
  • EasyUI——DataGrid的自定义单元格点击事件

    1.当点击的单元格需要传递参数,并且传递的是row的值时,需要进行转义

    function initCompareTable(){
    	$("#deviceCompareTable").html();
    	$('#deviceCompareTable').append("<table id='compareTable' style='border:1px solid red;margin:0;padding:0;'></table>");	
    	$("#compareTable").datagrid({
    		title : false,
    		fit : false,
    		fitColumns : false,//设置为 true,则会自动扩大或缩小列的尺寸以适应网格的宽度并且防止水平滚动
    		striped :true,//奇偶行的颜色
    		border : true,
    		loadMsg : '正在加载数据,请稍候...',
    		singleSelect:true,
    		autoRowHeight:false,	
    		data:data,
    		columns:[[
    			{
    				title : '设备分类',
    				field : 'layer',
    				align:'center',
    				325,
    				sortable : false
    			},
    			{
    				title : '现网系统',
    				field : 'overper',
    				align:'overper',
    				320,
    				sortable : false
    			},
    			{
    				title : 'LLDP数据',
    				field : 'totalcount',
    				320,
    				align:'center',
    				sortable : false
    			},
    			{
    				title : '差异',
    				field : 'band',
    				align:'center',
    				320,
    				sortable : false,
    				formatter: function(value,row,index){
    					var str = "<a href='javascript:void(0)' onclick='compareValue(&apos;" + row['layer'] + "&apos;)'>"+row.band+"</a>";  
    					return str; 
    				}
    			}
    		]]
    	})
    }
    

    2.点击的事件

    function compareValue(row){
    	alert(row)
    }
    

    3.转义

    var str = "<a href='javascript:void(0)' onclick='compareValue(&apos;" + row['layer'] + "&apos;)'>"+row.band+"</a>";  

    等同于 

    var str = "<a href='javascript:void(0)' onclick='compareValue('" + row['layer'] + "')'>"+row.band+"</a>";   
  • 相关阅读:
    毕业设计进度3
    毕业设计进度2
    毕业设计进度1
    hadoop环境搭建
    大数据之kettle安装
    服务化管理和治理框架的技术选型
    云时代架构读后感五
    云时代架构读后感四
    毕业设计2019/10/24至2019/10/31进度计划
    IT架构的本质
  • 原文地址:https://www.cnblogs.com/wgl0126/p/9203115.html
Copyright © 2011-2022 走看看