Datagrid的应用

最新推荐文章于 2023-07-21 16:01:32 发布

原创最新推荐文章于 2023-07-21 16:01:32 发布 · 609 阅读

0 ·

CC 4.0 BY-SA版权

EasyUI 专栏收录该内容

10 篇文章

订阅专栏

单元格的合并：

columns:[[
        {field:'examId',title:'批次',width:150,align:'center',rowspan:2,
        //添加超级链
        formatter:function(value,rowData,rowIndex){
            //function里面的三个参数代表当前字段值，当前行数据对象，行号（行号从0开始）
            //alert(rowData.typeCode);通过这个可以得到所有字段的数据，如typeCOde,teacherId等
            return ""+value+"";
         }
        },
        {field:'name',title:'考试名称',width:150,align:'center',rowspan:2},
        {field:'studentNum',title:'批次人数',width:100,align:'center',rowspan:2},
        {field:'examTime',title:'开考时间',width:150,align:'center',rowspan:2,
        formatter:function(val,rec){
    //调用时间格式转换方法
    return formattime(val);
     }
        },
        {field:'planStatus',title:'考试状态',width:150,align:'center',styler:cellStyler,rowspan:2,
        formatter:function(value,rowData,rowIndex){
                //function里面的三个参数代表当前字段值，当前行数据对象，行号（行号从0开始）
                //alert(rowData.username);
                var str = "";
                if(value=="1"){
                  str = "当前考试";
                }else{
                  str = "考试已关闭";
                }
                return "

"+str+"

";
}
},
{title:'操作',colspan:2}
],[
{field:'开放考试',title:'开放考试',width:150,align:'center',
//添加超级链
formatter:function(value,rowData,rowIndex){
//function里面的三个参数代表当前字段值，当前行数据对象，行号（行号从0开始）
//alert(rowData.username);
var str = "";
if(rowData.planStatus=="1"){
str = "当前考试";
return "

"+str+"

";
}else{
str = "开放考试";
return " "+str+"";
}
}
},
{field:'关闭考试',title:'关闭考试',width:150,align:'center',
//添加超级链
formatter:function(value,rowData,rowIndex){
var str = "";
if(rowData.planStatus=="0"){
str = "考试已关闭";
return "

"+str+"

";
}else{
str = "关闭考试";
return " "+str+"";
}
}
}
]],

显示图如下：

{field:'开放考试',title:'开放考试',width:150,align:'center',
         //添加超级链
            formatter:function(value,rowData,rowIndex){
                //function里面的三个参数代表当前字段值，当前行数据对象，行号（行号从0开始）
                //alert(rowData.username);
                var str = "";
                if(rowData.planStatus=="1"){
                  str = "当前考试";
                  return "

"+str+"

";
}else{
str = "开放考试";
return " "+str+"";
}
}
},

这个可以根据传过来的数据动态显示内容。

toolbar: [{
            text: '添加',
            iconCls: 'icon-add',
            handler: function() {
                addPlan();
            }
        }, '-', {
            text: '修改',
            iconCls: 'icon-edit',
            handler: function() {
                modifyPlan();
            }
        }, '-',{
            text: '删除',
            iconCls: 'icon-remove',
            handler: function(){
                delPlan();
            }
        }],

button的方法添加