前端:renderer渲染方法的几种常见用法

1.对数据进行转义处理

eg:加载时执行该方法进行转义后再展示

<div name="is_test" field="is_test" width="100" headerAlign="center" allowSort="true" align="center" renderer="escape">是否测试</div>

/* 前端是否字段转义*/
function escape(e) {
	if(e.value==0){
		return '否';
	}else {
		return '是';
	}
}

2.在每个数据行增加按钮元素

eg:适用于需要在每行增加查阅、修改等功能按钮时

<div width="70" renderer="onEditrender" headerAlign="center" align="center">操作</div>

function onEditrender(e){
	 var record = e.record; 
	 var id = record.id;
	 var  s ='';
	 s = '<a class="Edit_Button" href="javascript:view(\''+id+'\');" >查阅</a>  <a class="Edit_Button" href="javascript:edit(\''+id+'\');" >修改</a>';   
     return s;
}

3.进行一些加载实时的逻辑处理，类似1，比如根据该行数据的某个值或某几个值做一些结果展示。

eg:当天气为晴，温度高于35℃，且为工作日时显示高温预警。