码迷,mamicode.com
首页 > 其他好文 > 详细

EasyUI——DataGrid的自定义单元格点击事件

时间:2018-06-20 14:43:43      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:href   str   init   and   防止   value   var   margin   idt   

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(‘" + row[‘layer‘] + "‘)‘>"+row.band+"</a>";  

等同于 

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

  

 

EasyUI——DataGrid的自定义单元格点击事件

标签:href   str   init   and   防止   value   var   margin   idt   

原文地址:https://www.cnblogs.com/wgl0126/p/9203115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!