程序员人生 网站导航

EasyUI――DataGrid的onClickRow事件

栏目:htmlcss时间:2015-01-29 08:21:31

  在做高校云平台系统的评教子系统时,学生端有点击超链接实现跳转并传值到指定界面的功能。超链接实现起来其实不复杂,但是斟酌到学生操作起来的人性化设计,因而把超链接改成单机该行任意地方都可以到达单击超链接的效果,也就是能跳转到指定界面并传值。

  通过查看帮助文档,找到了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种,以上是我个人想到的方法,有不足的地方请大家批评指正,有其他方法欢迎随时交换。

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐