layui 对table中的数据进行转义的实例
时间:2021-09-09 09:51:40|栏目:JavaScript代码|点击: 次
方法一 通过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>
栏 目:JavaScript代码
本文地址:http://www.codeinn.net/misctech/173677.html