formatter使用
1. formatter 语法结构
单元格formatter(格式化器)函数,带3个参数:
value:字段值。
row:行记录数据。
index: 行索引。
代码示例:
$('#dg').datagrid({
columns:[[
{field:'name',title:'名称', width:80,
formatter: function(value,row,index){
if (row.code=='1001'){
return val;
} else {
return null;
}
}
}
]]
});
- formatter 加样式 代码
formatter: function (cellvalue) {
if (cellvalue == "合格") {
return "<span style='color:green'>合格</span>";
} else if (cellvalue == "不合格") {
return "<span style='color:red'>不合格</span>";
}
}
- 实现样式
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190510112132567.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3llaGFuZ3l1MDUyNQ==,size_16,color_FFFFFF,t_70)
- formatter 赋值代码
{
label: '实际工时', name: 'f_abilitytime', width: 100, align: 'center'
, edit: {
type: 'input',//输入式编辑
},
formatter: function (cellvalue, row) {
if (cellvalue != "" || cellvalue=="0") {
return cellvalue;
} else if (cellvalue == "") {
row.f_abilitytime = jqtime;
return jqtime;
}
},
},