网络编程
位置：首页>> 网络编程>> JavaScript>> layui 对table中的数据进行转义的实例

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

作者：kerw1nKwan　　发布时间：2024-11-19 21:07:57　

标签：layui,table,数据,转义

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

来源：https://blog.csdn.net/kerw1nKwan/article/details/88971548

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com