在做高校云平台系统的评教子系统时，学生端有点击超链接实现跳转并传值到指定界面的功能。超链接实现起来并不复杂，但是考虑到学生操作起来的人性化设计，于是把超链接改为单机该行任意地方都可以达到单击超链接的效果，也就是能跳转到指定界面并传值。
通过查看帮助文档，找到了onClickRow事件，在用户点击一行的时候触发，参数包括：
rowIndex：点击的行的索引值，该索引值从0开始。
rowData：对应于点击行的记录。
我们可以通过rowData取到想要传递的值，然后将页面跳转到指定链接，js代码如下：
$("#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 } }); } });
登录后复制
其实实现起来并不复杂，有很多时候我们多考录一些，就可以给用户带来永久的简单操作，全心全意为人民是每一个程序员都应秉行的宗旨。
当然实现方法不止一种，以上是我个人想到的方法，有不足之处请大家批评指正，有其他方法欢迎随时交流。
以上就是EasyUI——DataGrid的onClickRow事件的内容，更多相关内容请关注PHP中文网（www.php.cn）！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2550702.html
