EasyUI——DataGrid の onClickRow イベント

黄舟
リリース: 2017-02-23 10:06:30
オリジナル
1710 人が閲覧しました

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

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


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート