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: 'POST',                        timeout: 100,                        Error: function () {                            alert(Error);                        },                        success: function () {                            window.location.href = url                        }                    });                    }            });        </script></span>

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

當然實現方法不止一種，以上是我個人想到的方法，有不足之處請大家批評指正，有其他方法歡迎隨時交流。

以上就是EasyUI——DataGrid的onClickRow事件的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

