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

 更新时间:2019-09-14 22:01:01   作者:佚名   我要评论(0)

方法一 通过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中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • layui table设置前台过滤转义等方法

果博东方相关的文章

最新评论