easyui的datagrid中既有选中或者勾选事件又有自定义事件解决方式

今天后台大佬加新需求,表格中的某一列要以超链接的形式弄出来,让用户知道这个是可以点击的!但是,这个页面的表格使用了onSelect选中事件,两者不能相互影响,用阻止事件冒泡(event.stopPropagation())可以解决!

首先说一下怎么添加这个超链接事件(如果点击事件里你是需要value这个值,你直接传value是没用的(不知道为啥),它会报错,所以还是传rowIndex过去,然后用getData属性去获取到那一行,再取你想要的值)

{field:"xxx",title:"详情",align:"center",formatter:function(value,rowData,rowIndex){
	    value="<a href='javascript:;' style='color:#0066cc' onclick='xqdj("+rowIndex+",event)'>查看详情</a>";
	    return value;
	}
}},

在封装的函数里写上阻止冒泡代码就可以了!(自己可以打印看下是先执行的谁,在不阻止的情况下) 

function xqdj(obj,event){
     event.stopPropagation();
}

备注:事件兼容写法,这个自己多百度吧!

var event = event || window.event;
var target = event.target || event.srcElement;

 

猜你喜欢

转载自blog.csdn.net/weixin_41700532/article/details/81359960