1. 首页
  2. JAVASCRIPT
  3. Layui 使用laytpl模板 将表格中的数字,转换为中文

Layui 使用laytpl模板 将表格中的数字,转换为中文

使用的功能是layui 的table 插件在一次项目实践中, 后端传来的数据,是数字. 需要前端进行替换,这时,我们应该使用 layui的laytpl模板引擎很简单,我们通过js块,定义一个模板即可&...

使用的功能是layui 的table 插件

在一次项目实践中, 后端传来的数据,是数字. 需要前端进行替换,

这时,我们应该使用 layui的laytpl模板引擎

很简单,我们通过js块,定义一个模板即可


<script type="text/html" id="changetype">
    {{# if(d.type=="1"){ }}
    月卡
    {{# }else if (d.type=='2'){ }}
    周卡
    {{# }else if (d.type=='3'){ }}
    天卡
    {{# }else if (d.type=='4'){ }}
    年卡
    {{# }else if (d.type=='5'){ }}
    360点数
    {{# }else if (d.type=='6'){ }}
    100点数
    {{#} }}
</script>


然后在 table插件中的 cols 属性中 使用模板即可



   //第一个实例
    table.render({
      id: 'idTest',
      elem: '#demo',
      height: 315,
      url: '{:url("api/getdata")}' //数据接口
        ,
      page: true //开启分页
        ,
      cols: [
        [ //表头
          {
            type: 'checkbox',
            fixed: 'left'
          }, {
            field: 'type',
            title: '点卡类型',
            width: 180,
            templet: '#changetype'
         
          }, {
            field: 'update_time',
            title: '使用时间',
            width: 210,
            sort: true
          }
        ]
      ]
    });


哎哎
相关推荐