layui 对table中的数据进行转义的实例

方法一通过done回调进行遍历：//方法级渲染table.render({id:'demoList',elem:'#demoList',url:'showDemoList'

方法一 通过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>

以上这篇layui 对table中的数据进行转义的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。