1. 程式人生 > >easyui的datagrid中既有選中或者勾選事件又有自定義事件解決方式

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;