EasyUI－DataGrid的onClickRow事件

  在做大學雲端平台系統的評教子系統時，學生端有點選超連結實現跳轉並傳值到指定介面的功能。超連結實現起來並不複雜，但是考慮到學生操作起來的人性化設計，於是把超鏈接改為單機該行任意地方都可以達到單擊超鏈接的效果，也就是能跳轉到指定界面並傳值。

  透過查看說明文檔，找到了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: &#39;POST&#39;,
                        timeout: 100,

                        Error: function () {
                            alert(Error);
                        },
                        success: function () {
                            window.location.href = url
                        }
                    });    
                }
            });
        </script></span>

  其實實現起來並不復雜，有很多時候我們多考錄一些，就可以給用戶帶來永久的簡單操作，全心全意為人民是每個程式設計師都應秉行的宗旨。

  當然實作方法不只一種，以上是我個人想到的方法，有缺點請大家批評指正，有其他方法歡迎隨時交流。

 以上就是EasyUI－DataGrid的onClickRow事件的內容，更多相關內容請關注PHP中文網（www.php.cn）！