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>