EasyUI——DataGrid の onClickRow イベント-C#.Net チュートリアル-php.cn

EasyUI——DataGrid の onClickRow イベント

黄舟

リリース： 2017-02-23 10:06:30

オリジナル

1720 人が閲覧しました

大学クラウドプラットフォームシステムの教育評価サブシステムで作業する際、学生側はハイパーリンクをクリックしてジャンプし、指定されたインターフェースに値を転送する機能を備えています。ハイパーリンクの実装は複雑ではありませんが、学生が操作しやすい設計を考慮して、ハイパーリンクをスタンドアロンに変更し、行内の任意の場所でハイパーリンクをクリックしたときの効果を実現できます。指定されたインターフェイスにジャンプして値をアップロードします。

ヘルプドキュメントを見ると、ユーザーが行をクリックするとトリガーされる 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 中国語 Web サイト (m.sbmmt.com) に注目してください。