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

 更新时间:2019年09月12日 12:02:37   作者:kerw1nKwan  
今天小编就为大家分享一篇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>

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

相关文章

  • js 获取网络图片的高度和宽度的实现方法(变通了下)

    js 获取网络图片的高度和宽度的实现方法(变通了下)

    简单地说就是把图片放入一个自动伸缩的DIV中,然后获取DIV的宽和高!这个不错的变通,大家可以参考下。
    2009-10-10
  • JavaScript面向对象实现贪吃蛇游戏

    JavaScript面向对象实现贪吃蛇游戏

    这篇文章主要为大家详细介绍了JavaScript面向对象实现贪吃蛇游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 微信小程序实现单列下拉菜单效果

    微信小程序实现单列下拉菜单效果

    这篇文章主要介绍了微信小程序单列下拉菜单,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JS实现的3D拖拽翻页效果代码

    JS实现的3D拖拽翻页效果代码

    这篇文章主要介绍了JS实现的3D拖拽翻页效果,通过鼠标事件结合时间函数动态操作页面元素实现拖拽翻页的效果,需要的朋友可以参考下
    2015-10-10
  • JS仿JQuery选择器功能

    JS仿JQuery选择器功能

    本文主要介绍了JS仿JQuery选择器功能的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 每天一篇javascript学习小结(Boolean对象)

    每天一篇javascript学习小结(Boolean对象)

    这篇文章主要介绍了javascript中的Boolean对象知识点,对Boolean对象的基本使用方法进行解释,一段很详细的代码介绍,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • 超实用的全新JavaScript事件Scrollend实例详解

    超实用的全新JavaScript事件Scrollend实例详解

    这篇文章主要为大家介绍了超实用的全新JavaScript事件Scrollend实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 前端实现Excel文件导出功能的完整代码解析(vue实现excel文件导出)

    前端实现Excel文件导出功能的完整代码解析(vue实现excel文件导出)

    在Vue中实现导出Excel文件有多种方式,可以通过前端实现,也可以通过前后端配合实现,下面这篇文章主要给大家介绍了关于前端实现Excel文件导出功能(vue实现excel文件导出)的相关资料,需要的朋友可以参考下
    2024-05-05
  • JavaScript中数组常见操作技巧

    JavaScript中数组常见操作技巧

    下面介绍JavaScript中的数组对象遍历、读写、排序等操作以及与数组相关的字符串处理操作,需要的的朋友参考下吧
    2017-09-09
  • js实现二代身份证号码验证详解

    js实现二代身份证号码验证详解

    本文给大家分享一段超级全面的二代身份证号码验证程序,由JS编写而成,可以校验身份证的地址码、出生日期码、顺序码和数字校验码。是身份证去伪存真的一大利器。
    2014-11-11

最新评论