EasyUI――DataGrid的onClickRow事件
來源：程序員人生 發布時間：2015-01-29 08:21:31 閱讀次數：11604次
在做高校云平臺系統的評教子系統時，學生端有點擊超鏈接實現跳轉并傳值到指定界面的功能。超鏈接實現起來其實不復雜，但是斟酌到學生操作起來的人性化設計，因而把超鏈接改成單機該行任意地方都可以到達單擊超鏈接的效果，也就是能跳轉到指定界面并傳值。
通過查看幫助文檔，找到了onClickRow事件，在用戶點擊1行的時候觸發，參數包括：
rowIndex：點擊的行的索引值，該索引值從0開始。
rowData：對應于點擊行的記錄。
我們可以通過rowData取到想要傳遞的值，然后將頁面跳轉到指定鏈接，js代碼以下：
<span style="font-family:KaiTi_GB2312;font-size:18px;"> <script type="text/javascript" >
$("#dg").datagrid({
onClickRow: function (index, row) { //easyui封裝好的時間（被單機行的索引，被單擊行的值）
//需要傳遞的值
var CourseName = row["CourseName"];
var TeacherCourseID = row["TeacherCourseID"];
var AssessStatus = row["AssessStatus"];
if (AssessStatus=="還沒有評估") //如果該項還沒有評估，則支持跳轉到評估頁面
{
var url = "../EvaluationStudentAssess/StudentAssess?CourseName=" + CourseName + "&TeacherCourseID=" + TeacherCourseID
}
else { //如果該項以經評估則不需要跳轉
var url = "../EvaluationStudentAssess/AssessStatus"
}
//通過Ajax傳值
$.ajax({
url: url,
type: 'POST',
timeout: 100,
Error: function () {
alert(Error);
},
success: function () {
window.location.href = url
}
});
}
});
</script></span>
其實實現起來其實不復雜，有很多時候我們多考錄1些，就能夠給用戶帶來永久的簡單操作，全心全意為人民是每個程序員都應秉行的主旨。
固然實現方法不止1種，以上是我個人想到的方法，有不足的地方請大家批評指正，有其他方法歡迎隨時交換。
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
