大学クラウドプラットフォームシステムの教育評価サブシステムで作業する際、学生側はハイパーリンクをクリックしてジャンプし、指定されたインターフェースに値を転送する機能を備えています。ハイパーリンクの実装は複雑ではありませんが、学生が操作しやすい設計を考慮して、ハイパーリンクをスタンドアロンに変更し、行内の任意の場所でハイパーリンクをクリックしたときの効果を実現できます。指定されたインターフェイスにジャンプして値をアップロードします。
ヘルプドキュメントを見ると、ユーザーが行をクリックするとトリガーされる 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: 'POST', timeout: 100, Error: function () { alert(Error); }, success: function () { window.location.href = url } }); } }); </script></span>
実際、実装は複雑ではありません。いくつかの試験を受ければ、永続的な簡単な操作をユーザーに提供できることがよくあります。それは、すべてのプログラマーが守るべき目的です。
もちろん、上記は私が個人的に考えた方法です。他の方法がある場合は、遠慮なくご指摘ください。 。
上記は EasyUI - DataGrid の onClickRow イベントの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。