EasyUI – Das onClickRow-Ereignis von DataGrid

Bei der Arbeit am Lehrbewertungs-Subsystem des Cloud-Plattformsystems der Universität hat die studentische Seite die Funktion, durch Klicken auf einen Hyperlink zu springen und den Wert an die angegebene Schnittstelle zu übertragen. Die Implementierung von Hyperlinks ist nicht kompliziert, aber angesichts des benutzerfreundlichen Designs für die Bedienung durch die Schüler wurden die Hyperlinks in eigenständige geändert und der Effekt kann durch Klicken auf den Hyperlink an einer beliebigen Stelle in der Zeile erzielt werden, d. h. der Hyperlink kann sein Zur angegebenen Schnittstelle gesprungen und Wert hochgeladen.

Beim Durchsehen der Hilfedokumentation habe ich das onClickRow-Ereignis gefunden, das ausgelöst wird, wenn der Benutzer auf eine Zeile klickt. Zu den Parametern gehören:

rowIndex: die angeklickte Zeile. Der Indexwert beginnt bei 0.

rowData: Der Datensatz, der der angeklickten Zeile entspricht.

Wir können den Wert, den wir übergeben möchten, über rowData abrufen und dann die Seite zum angegebenen Link springen. Der js-Code lautet wie folgt:

<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>

Tatsächlich ist die Implementierung nicht kompliziert. Wenn wir mehr Tests durchführen, können wir den Benutzern dauerhaft einfache Vorgänge bieten Das sollte jeder Programmierer mit ganzem Herzen tun.

Natürlich gibt es mehr als einen Weg, dies zu erreichen. Die oben genannte Methode ist die, die ich persönlich in Betracht gezogen habe. Wenn es irgendwelche Mängel gibt, kritisieren und korrigieren Sie mich bitte Andere Methoden können Sie uns gerne mitteilen.

Das Obige ist der Inhalt des onClickRow-Events von EasyUI – DataGrid. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php .cn)!