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