easyui 汇总
Posted Life is an Attitude
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui 汇总相关的知识,希望对你有一定的参考价值。
1. easyui datagrid 表格组件列属性 formatter
columns:{ { field:‘ product‘, title:‘商品‘, align:‘center‘, width: 180, // 格式化,定义显示格式和显示内容 formatter: function(val,row,index){ // row 是rows 列表下的一个个字典{name: "asfjasjfl", domain: "afj3ejl", nid: 4} var tagProduct = "<a href=‘MerchantDetail.html?nid=" + row.nid +"‘>商品列表</a>"; var tagDetail = "<a href=‘MerchantDetail.html?nid=" + row.nid +"‘>查看详细</a>"; return tagProduct+"|" + tagDetail; } }
2. easyui datagrid 表格组件列属性 onClickRow
onClickRow事件,可以实现在用户点击一行的时候触发,参数包括:
rowIndex:点击的行的索引值,该索引值从0开始。
rowData:对应于点击行的记录。
我们可以通过rowData取到想要传递的值,然后将页面跳转到指定链接,js代码如下:
<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>
以上是关于easyui 汇总的主要内容,如果未能解决你的问题,请参考以下文章