欢迎使用普元产品知识库,本知识库包含普元应用开发平台EOSPlatform,流程平台BPS,企业服务总线ESB,微服务平台Microservice,运维管理平台Devops,数据集成平台DI

页面树结构

欢迎使用普元文档库

Skip to end of metadata
Go to start of metadata

在使用nui框架进行开发时,有些要在页面中展示的数据并非是后台直接传送过来的,需要我们进行处理后再显示,这个时候需要使用renderer属性。

 

示例如下:

 

后台发送过来的数据为:status=NEW(或SUCCESS、PROCESSING、ERROR、FAIL)

 

但在页面中想要status展示为中文,所以,我们需要在标签中指定renderer属性:

 

<div field="status"  headerAlign="center"  align="center" renderer="onStatusRenderer" >状态</div>

 

对应的要写一段js代码,其中在获取到row变量之前的代码都是通用的,获取到row之后,可以根据具体的业务逻辑处理即可。

 

function onStatusRenderer(e) {
		var grid = e.sender;
		var record = e.record;
		var uid = record._uid;
		var row = grid.getRowByUID(uid);
		var status = row.processStatus;
		switch(status) {
		case "NEW":
			status = "新建";
			break;
		case "SUCCESS":
			status = "成功";
			break;
		case "PROCESSING":
			status = "正在执行";
			break;
		case "ERROR":
			status = "错误";
			break;
		case "FAIL":
			status = "失败";
			break;
		default: status = status;
		}
		return status;
	}