EasyUI——Événement onClickRow de DataGrid

Lorsqu'il travaille sur le sous-système d'évaluation pédagogique du système de plate-forme cloud universitaire, le côté étudiant a pour fonction de cliquer sur un lien hypertexte pour accéder et transférer la valeur vers l'interface spécifiée. La mise en œuvre des hyperliens n'est pas compliquée, mais compte tenu de la conception conviviale pour les étudiants, les hyperliens ont été modifiés pour devenir autonomes et l'effet de cliquer sur l'hyperlien n'importe où dans la ligne peut être obtenu, c'est-à-dire que l'hyperlien peut être est passé à l'interface spécifiée et a téléchargé la valeur.

En consultant la documentation d'aide, j'ai trouvé l'événement onClickRow, qui est déclenché lorsque l'utilisateur clique sur une ligne. Les paramètres incluent :

. rowIndex : la ligne cliquée. La valeur de l'index commence à 0.

rowData : L'enregistrement correspondant à la ligne cliquée.

Nous pouvons obtenir la valeur que nous voulons transmettre via rowData, puis accéder à la page vers le lien spécifié. Le code js est le suivant :

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

En fait, ce n'est pas compliqué à mettre en œuvre dans de nombreux cas, si nous faisons plus de tests, nous pouvons apporter des opérations simples permanentes au service des utilisateurs. C'est de tout cœur ce que tout programmeur devrait faire. L'objectif qui doit être défendu.

Bien sûr, il existe plusieurs façons de le mettre en œuvre. La méthode ci-dessus est la méthode à laquelle j'ai personnellement pensé. S'il y a des lacunes, veuillez me critiquer et me corriger. d'autres méthodes, n'hésitez pas à communiquer.

Ce qui précède est le contenu de l'événement onClickRow d'EasyUI - DataGrid. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. .cn) !