Easyui datagrid 单元格格式化函数formatter的使用

Posted 2021-01-10 sentongxue

$(‘#dg‘).datagrid({
	columns:[[
		{field:‘userId‘,title:‘User‘, width:80,
			formatter: function(value,row,index){
				if (row.user){
					return row.user.name;
				} else {
					return value;
				}
			}
		}
	]]
});

　以上是通过JS来进行调用

　　单元格格式化函数formatter带三个参数：

　　value：单元格的字段值

　　rowData：该单元格所在行的行记录

　　rowIndex：该单元格所在的行索引

调用该函数，我们可以通过这三个值来进行判断，结合自己的需求，然后适当的对该单元格进行渲染

html元素内进行调用

<th data-options="field:‘invalid_flag_name‘,width:60,align:‘center‘,
                            formatter:function(val,row,index){
                                if(val == ‘禁用‘){
                                    val = ‘<span style=‘color:red;‘>‘+value+‘<span>‘;
                                }
                                return val;
                            }
                            ">状态
</th> 

　结果如下：