当前位置: 首页 > 编程笔记 >

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

谷梁楚青
2023-03-14
本文向大家介绍layui 对table中的数据进行转义的实例,包括了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中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍layui-table对返回的数据进行转变显示的实例,包括了layui-table对返回的数据进行转变显示的实例的使用技巧和注意事项,需要的朋友参考一下 在使用layui表格时,在ajax请求回来的数据,有时候需要我们处理之后显示 1.比如性别sex这个字段,后台可能返回的是1.或者 2;那我们总不能显示1.和 2,我们需要显示男和女,这里就用到了自定义模板了 2.比如后台返回了一个

  • 本文向大家介绍在layui中对table中的数据进行判断(0、1)转换为提示信息的方法,包括了在layui中对table中的数据进行判断(0、1)转换为提示信息的方法的使用技巧和注意事项,需要的朋友参考一下 需要把“1”改成中文汉字: 在 done方法里面进行数据渲染: 效果: 以上这篇在layui中对table中的数据进行判断(0、1)转换为提示信息的方法就是小编分享给大家的全部内容了,希望能给

  • 本文向大家介绍layui-table获得当前行的上/下一行数据的例子,包括了layui-table获得当前行的上/下一行数据的例子的使用技巧和注意事项,需要的朋友参考一下 此方法主要是获得Layui当前行数据的上一行数据,或者下一行数据,os旧的jquery选择器 se选择器 nse新的jquery选择器 以上这篇layui-table获得当前行的上/下一行数据的例子就是小编分享给大家的全部内容了

  • 本文向大家介绍对数据进行分页显示到table中的实现方法,包括了对数据进行分页显示到table中的实现方法的使用技巧和注意事项,需要的朋友参考一下 我最先用jframe编程的时候写的比较简单,只是先查询到所有记录,再根据当前页码筛选出当前页的记录,返回的小集合可以直接显示到table上。 下面是写在jframe中的内容,调用分页方法。 以上所述是小编给大家介绍的对数据进行分页显示到table中的实

  • 本文向大家介绍layui table数据修改的回显方法,包括了layui table数据修改的回显方法的使用技巧和注意事项,需要的朋友参考一下 实现的样式给你们看一波 点击这锅按钮 其实回显就是一个赋值的操作,先把form表单的那些input 框的id拿到,在展示成功的那里进行绑值 好啦,分享结束! 以上这篇layui table数据修改的回显方法就是小编分享给大家的全部内容了,希望能给大家一个参

  • 本文向大家介绍layui异步加载table表中某一列数据的例子,包括了layui异步加载table表中某一列数据的例子的使用技巧和注意事项,需要的朋友参考一下 layui中table加载数据时 如果数据存放在不同数据表中 那样一个请求拼接每行表格数据 然后统一返回 太慢 以上这篇layui异步加载table表中某一列数据的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持