formatter使用

最新推荐文章于 2025-04-18 09:40:21 发布

yehy0525

最新推荐文章于 2025-04-18 09:40:21 发布

阅读量4.6w

点赞数 23

分类专栏：前端JS 文章标签： formatter使用

本文链接：https://blog.youkuaiyun.com/yehangyu0525/article/details/90054782

版权

前端JS 专栏收录该内容

2 篇文章

订阅专栏

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