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',
				width:325,
				sortable : false
			},
			{
				title : '現網系統',
				field : 'overper',
				align:'overper',
				width:320,
				sortable : false
			},
			{
				title : 'LLDP數據',
				field : 'totalcount',
				width:320,
				align:'center',
				sortable : false
			},
			{
				title : '差異',
				field : 'band',
				align:'center',
				width: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>";