EasyUI——DataGrid의 onClickRow 이벤트-C#.Net 튜토리얼-php.cn

EasyUI——DataGrid의 onClickRow 이벤트

黄舟

풀어 주다： 2017-02-23 10:06:30

원래의

1722명이 탐색했습니다.

대학 클라우드 플랫폼 시스템의 교육 평가 하위 시스템 작업 시 학생 측에서 하이퍼링크를 클릭하여 점프하고 지정된 인터페이스로 값을 전달하는 기능이 있습니다. 하이퍼링크의 구현은 복잡하지 않지만 학생들이 조작하기 쉬운 사용자 친화적인 디자인을 고려하여 하이퍼링크를 독립형으로 변경하고 행의 어느 곳에서나 하이퍼링크를 클릭하는 효과를 얻을 수 있습니다. 지정된 인터페이스로 점프하여 값을 업로드했습니다.

도움말 문서를 보면 사용자가 행을 클릭할 때 트리거되는 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)!