layui对table中的数据进行转义的实例-内江站浩晨众云

新闻中心

这里有您想知道的互联网营销解决方案

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

方法一通过done回调进行遍历：

创新互联公司长期为1000多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为东源企业提供专业的成都网站设计、网站建设，东源网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

//方法级渲染
    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'}

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

文章标题：layui对table中的数据进行转义的实例
URL地址：http://www.jxjierui.cn/article/pjjdeo.html

新闻中心

其他资讯