您的位置:首页 > 产品设计 > UI/UE

layui 对table中的数据进行转义

2019-04-02 14:33 387 查看

方法一 通过done回调进行遍历:

//方法级渲染
table.render({
id: 'demoList',
elem: '#demoList'
, url: 'showDemoList'
, cols: [[
{checkbox: true, fixed: true, width: '10%'}
, {field: 'id', title: '编号', width: '15%', sort: true}
, {field: 'pipe_id', title: '机构ID', width: '15%'}
, {field: 'bank_id', title: '银行ID', width: '10%'}
, {field: 'pipe_cost', title: '成本', width: '10%'}
, {field: 'status', title: '状态', width: '20%'}
, {field: 'remark', title: '操作', width: '20%', toolbar: '#toolBar'}
]],
done: function (res, curr, count) {
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
$("[data-field='status']").children().each(function () {
if ($(this).text() == '0') {
$(this).text('有效');
} else if ($(this).text() == '1') {
$(this).text('无效');
}
});
}
, page: true
, height: 'full-83'
});

方法二 通过layui的templet模板实现

, {field: 'status', title: '状态', width: '20%',templet:'#status'}

<script type="text/html" id="status">
{{#  if(d.status=='0'){ }}
有效
{{#  }else{ }}
无效
{{# } }}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: