EasyUI 格式化DataGrid列

easyui DataGrid中格式化列,如果单价低于20,则使用定义列formatter为红色文本。

格式化DataGrid列,我们应该设置formatter属性,这个属性是一个函数。格式化函数包括两个参数:
· value: 显示字段当前列的值
· record: 当前行记录数据 
Markup
<table id="tt"></table>
jQuery
$('#tt').datagrid({
    title:'Formatting Columns',
    550,
    height:250,
    url:'datagrid_data.json',
    columns:[[
        {field:'itemid',title:'Item ID',80},
        {field:'productid',title:'Product ID',80},
        {field:'listprice',title:'List Price',80,align:'right',
            formatter:function(val,rec){
                if (val < 20){
                    return '<span style="color:red;">('+val+')</span>';
                } else {
                    return val;
                }
            }
        },
        {field:'unitcost',title:'Unit Cost',80,align:'right'},
        {field:'attr1',title:'Attribute',100},
        {field:'status',title:'Status',60}
    ]]
});

原文地址:https://www.cnblogs.com/huangf714/p/5911848.html