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