今天后台大佬加新需求,表格中的某一列要以超链接的形式弄出来,让用户知道这个是可以点击的!但是,这个页面的表格使用了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;