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>
View Code
 

 

posted @ 2016-09-14 17:11  Echo/  阅读(861)  评论(0编辑  收藏  举报