EasyUI――DataGrid的onClickRow事件
来源：程序员人生 发布时间：2015-01-29 08:21:31 阅读次数：11416次
在做高校云平台系统的评教子系统时，学生端有点击超链接实现跳转并传值到指定界面的功能。超链接实现起来其实不复杂，但是斟酌到学生操作起来的人性化设计，因而把超链接改成单机该行任意地方都可以到达单击超链接的效果，也就是能跳转到指定界面并传值。
通过查看帮助文档，找到了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种，以上是我个人想到的方法，有不足的地方请大家批评指正，有其他方法欢迎随时交换。
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
