jquery EasyUI的formatter格式化

以下实例格式化数据表格中的一列。如果金额小于20时使用自定义的格式器将文本变成红色。
要格式化数据表格列，需要设置formatter属性，该属性是一个函数，它包含两个参数:

• value: 对应字段的当前列的值
• record: 当前行的记录数据

$( ' #tt ' ).datagrid({
title: ' Formatting Columns ' ,
width: 550 ,
height: 250 ,
url: ' datagrid_data.json ' ,
columns:[[
{field: ' itemid ' ,title: ' Item ID ' ,width: 80 },
{field: ' productid ' ,title: ' Product ID ' ,width: 80 },
{field: ' listprice ' ,title: ' List Price ' ,width: 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 ' ,width: 80 ,align: ' right ' },
{field: ' attr1 ' ,title: ' Attribute ' ,width: 100 },
{field: ' status ' ,title: ' Status ' ,width: 60 }
]]
});

 

对于数字的格式化，可以使用javascript提供的对数字格式化的方法

var num=2.4445;
var number=val.toFixed(2);//格式化,保留两位小数
alert(number);

输出: 

2.44

转载于:https://www.cnblogs.com/archie2010/archive/2011/01/12/1933849.html