WebUI框架使用参考
关注jQuery easyui,zTree,my97,highcharts等前台UI的使用

Easyui 提供了一个较为简单的属性控件：propertygrid，其实也就是重写了默认datagrid的view对象，然后只分配两个字段“name”和“value”，value字段的editor可以为datagrid支持的常用可编辑类型，看起来算是麻雀虽小，五脏俱全了。

不过有一个遗憾，那就是没法给colunm增加formatter属性，为什么要formatter属性？当你用的行editor为combobox的时候，你就明白为什么要用到formatter了，比如说，某一列为“性别属性”，其值包含“男”，“女”，editor为combobox，这时候propertygrid显示的总是combobox的valueField值。

这时候我们需要datagrid组建的列属性formatter来格式化“性格属性”，其实思路很简单，在引入easyui核心代码后，我们强行扩展colounm属性就可以了，直接上代码：

实现代码：

$.extend($.fn.propertygrid.defaults.columns[0][1], {
	formatter : function(value, rowData, rowIndex) {
		if (rowData.name == "sex") {// 如果是"性格属性"
			return value == "man" ? "男" : "女";
		} else {
			return value;
		}
	}
});

效果演示：

http://www.easyui.info/easyui/demo/propertygrid/061.html