jquery EasyUI的formatter格式化函数代码

来源：互联网发布：数据修炼系统笔趣阁编辑：程序博客网时间：2024/05/01 11:14

以下实例格式化数据表格中的一列。如果金额小于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

0 0