在做大學雲端平台系統的評教子系統時,學生端有點選超連結實現跳轉並傳值到指定介面的功能。超連結實現起來並不複雜,但是考慮到學生操作起來的人性化設計,於是把超鏈接改為單機該行任意地方都可以達到單擊超鏈接的效果,也就是能跳轉到指定界面並傳值。
透過查看說明文檔,找到了onClickRow事件,在使用者點擊一行的時候觸發,參數包括:
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>
其實實現起來並不復雜,有很多時候我們多考錄一些,就可以給用戶帶來永久的簡單操作,全心全意為人民是每個程式設計師都應秉行的宗旨。
當然實作方法不只一種,以上是我個人想到的方法,有缺點請大家批評指正,有其他方法歡迎隨時交流。
以上就是EasyUI-DataGrid的onClickRow事件的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!