http://blog.163.com/ppy2790@126/blog/static/103242241201512502532379/
设置formatter属性，是一个函数，格式化函数有3个参数：
The cell formatter function, take three parameters:
value: the field value.
rowData: the row record data.
rowIndex: the row index.
value: the field value.
rowData: the row record data.
rowIndex: the row index.
一、格式化显示性别
后台传过来的json中性别值是0、1，页面显示时调用格式化函数：
（js方式）
{
title : '性别',
field : 'gender',
width : 50,
formatter:function(value,rec){
return rec.gender==0?'女':'男';
}
}
二、格式化显示时间
{
title : '回访日期',
field : 'date',
width : 120,
formatter: function (value, rec, index) {
if (value == undefined) {
return "";
}
/*json格式时间转js时间格式*/
var date = new Date(value);
return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()+' '+date.getHours()+":"+date.getMinutes();
}
},
三、格式化显示数据样式
格式化小于20的价格显示红色（Html方式）
创建 DataGrid
- <table id="tt" title="Formatting Columns" class="easyui-datagrid" style="width:550px;height:250px"
- url="data/datagrid_data.json"
- singleSelect="true" iconCls="icon-save">
- <thead>
- <tr>
- <th field="itemid" width="80">Item ID</th>
- <th field="productid" width="80">Product ID</th>
- <th field="listprice" width="80" align="right" formatter="formatPrice">List Price</th>
- <th field="unitcost" width="80" align="right">Unit Cost</th>
- <th field="attr1" width="100">Attribute</th>
- <th field="status" width="60" align="center">Stauts</th>
- </tr>
- </thead>
- </table>
注意 'listprice'字段有一个 'formatter'属性这个指明格式化函数.
写格式化函数
- function formatPrice(val,row){
- if (val < 20){
- return '<span style="color:red;">('+val+')</span>';
- } else {
- return val;
- }
- }