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; } } });
管理员 世纪之光 : 2015年09月16日09:42:39 地下1层