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>

巴特西

easyui 汇总

最新文章

热门文章