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>