场景

在工作时遇到这么个场景,使用layui表格渲染数据时需要判断是男还是女,因为通常情况下后端返回的性别状态字段数据是1,0这种的,这个时候前端渲染数据是肯定不能直接显示,而要显示1是男,0是女,显示效果根据自己数据库设计而定;

解决方案

其实解决这个问题很简单,在表格配置里面加上 templet: function() 即可,代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
table.render({
elem: '#demo'
, id: 'demo'
, limit: 15
, url: '/api/demo'
, cols: [[
{field: 'id', type: 'checkbox', width: '5%', align: 'center', fixed: 'left'}
, {field: 'title', title: '标题', width: '10%'}
, {
field: 'sex', title: '性别', width: '10%', templet: function (v) {
if(v === 1){
return "男";
}else{
return "女";
}
}
}
, {field: 'currentOperator', title: '当前操作人', width: '10%'}
, {field: 'createDate', title: '创建时间', width: '10%', sort: true}
, {fixed: 'right', title: '操作', toolbar: '#barUser', width: '15%'}
]]
});

问题已解决!!!