Formatter
添加*.view.xml



在*.controller.js中编写方法



在…/model/目录下编写formatter.js



页面效果

formatter	用来格式化内容	Function(row, column, cellValue, index)

需求：获取的数据中没有的项用0表示，不要空着

在每列单元格标签内加上:formatter=“columnFormatter”，当然如果不同的需求可以添加不同的formatter方法，这里的需求只用变成0就行，所有我在每个需要变成0的项添加了相同的formatter方法，



columnFormatter(row, column,cellValue, index){//这些参数不用的可以不写

let a = cellValue;

if(a == undefined){

a = 0;

cellValue = a;

}

return cellValue;

}

 
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>";
                            } 
                        }


实现样式


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;
                            }
                        },
                    },

JSON Formatter在浏览器可以看到格式化之后的json数据