首页 / 脚本样式 / JavaScript / jquery EasyUI的formatter格式化函数代码
要格式化数据表格列,需要设置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