首页 > 代码库 > easyui 汇总

easyui 汇总

2024-08-13 09:04:41   214人阅读

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=http://www.mamicode.com/‘MerchantDetail.html?nid=" + row.nid +"‘>商品列表</a>";                            var tagDetail = "<a href=http://www.mamicode.com/‘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>
View Code
 

 

easyui 汇总


联系
我们