欢迎使用普元产品知识库,本知识库包含普元应用开发平台EOSPlatform,流程平台BPS,企业服务总线ESB,微服务平台Microservice,运维管理平台Devops,数据集成平台DI
欢迎使用普元文档库
在使用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; }