easyui的formatter属性的用法

easyui的formatter属性可以帮助我们更加灵活的显示数据库中的数据。

比如，我有一个启用禁用字段，使用数字表示，1表示启用，2表示禁用，展示给客户的时候我当然希望是中文的形式。

只需要写这么一个formatter方法：（isu就是这个字段）

	function formatterIsu(value, row, index){
		if(row.isu==1){
			return "启用";
		}else if(row.isu==2){
			return "禁用";
		}
	}

然后在<th>标签里的将这个函数赋值给formatter属性：

最后页面上输出的就是中文的启用，禁用了。

很多时候，创建表格头也是通过js来完成，里面也是可以加入formatter函数来格式化字段的：

$(document).ready(function() {
		$('#dg').datagrid({
			url : "/bboo/resource/gj-resource!queryResource.do",
			columns : [ [ {
				field : 'resourceId',
				title : '菜单id',
				width : 50,
				sortable : true
			}, {
				field : 'description',
				title : '描述',
				width : 50,
				sortable : true
			}, {
				field : 'name',
				title : '名称',
				width : 50,
				sortable : true
			}, {
				field : 'sort',
				title : '分类',
				width : 50,
				sortable : true
			}, {
				field : 'type',
				title : '类型',
				width : 50,
				sortable : true
			}, {
				field : 'value',
				title : 'url值',
				width : 50,
				sortable : true
			}, {
				field : 'pid',
				title : '父菜单',
				width : 80,
				formatter : function(value, row, index) {
					if (row.parent) {
						return row.parent.resourceId;
					} else {
						return value;
					}
				}
			} ] ]
		});
	});

上面的pid字段就是格式化后的数据。