EasyUI-datagrid属性formatter

一、单元格数据格式化

代码示例

$('#dg').datagrid({

	columns:[[
		{field:'userId',title:'User', width:80,
			formatter: function(value,row,index){
				if (row.user){
					return row.user.name;
				} else {
					return value;
				}
			}
		}
	]]
});

二、单元格鼠标提示

代码示例

function markFormatter(value,row,index){
	if(value!=undefined){
		var text=value;
		if(value.length>=15){
			text=value.substring(0,14)+'...';
		}
		return "<span style='display:block;width:100%;cursor:pointer;' title='" + value + "'>" + text + "<span>";
	}
}

三、单元格样式

代码示例

$('#dg').datagrid({
	columns:[[
		{field:'listprice',title:'List Price', width:80, align:'right',
			styler: function(value,row,index){
				if (value < 20){
					return 'background-color:#ffee00;color:red;';
				}
			}
		}
	]]
});