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

在layui中对table中的数据进行判断(0、1)转换为提示信息的方法

皇甫展
2023-03-14
本文向大家介绍在layui中对table中的数据进行判断(0、1)转换为提示信息的方法,包括了在layui中对table中的数据进行判断(0、1)转换为提示信息的方法的使用技巧和注意事项,需要的朋友参考一下

需要把“1”改成中文汉字:

在 done方法里面进行数据渲染:

layui.use('table', function(){
  var table = layui.table
   ,form = layui.form;

  tableIns=table.render({
   elem: '#bankList',
   url:'/bank/bankList',
   method: 'post', //默认:get请求
   cellMinWidth: 80,
   page: true,
   request: {
    pageName: 'pageNum', //页码的参数名称,默认:pageNum
    limitName: 'pageSize' //每页数据量的参数名,默认:pageSize
   },
   response:{
    statusName: 'code', //数据状态的字段名称,默认:code
    statusCode: 200, //成功的状态码,默认:0
    countName: 'totals', //数据总数的字段名称,默认:count
    dataName: 'list' //数据列表的字段名称,默认:data
   },
   cols: [[
    {type:'numbers'}
    ,{field:'id', title:'ID',width:80}
    ,{field:'bankName', title:'银行名称',align:'center'}
    ,{field:'isReceivable', title:'支持收款',align:'center'}
    ,{field:'isPayable', title: '支持提现',align:'center'}
    ,{fixed:'right', title:'操作',width:140,align:'center', toolbar:'#optBar'}
   ]],
   done: function(res, curr, count){
    //如果是异步请求数据方式,res即为你接口返回的信息。
    //如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
    //console.log(res);
    //得到当前页码
    //console.log(curr);
    //得到数据总量
    //console.log(count);
    $(".layui-table-box").find("[data-field='id']").css("display","none");

    $("[data-field='isReceivable']").children().each(function(){
     if($(this).text()=='1'){
      $(this).text("是")
     }else if($(this).text()=='2'){
      $(this).text("否")
     }
    });
    $("[data-field='isPayable']").children().each(function(){
     if($(this).text()=='1'){
      $(this).text("是")
     }else if($(this).text()=='2'){
      $(this).text("否")
     }
    });


    pageCurr=curr;
   }
  });

效果:

以上这篇在layui中对table中的数据进行判断(0、1)转换为提示信息的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍layui 对table中的数据进行转义的实例,包括了layui 对table中的数据进行转义的实例的使用技巧和注意事项,需要的朋友参考一下 方法一 通过done回调进行遍历: 方法二 通过layui的templet模板实现: 以上这篇layui 对table中的数据进行转义的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

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

  • 本文向大家介绍layui实现根据table数据判断按钮显示情况的方法,包括了layui实现根据table数据判断按钮显示情况的方法的使用技巧和注意事项,需要的朋友参考一下 就可以根据table的数据实现判断toolbar按钮的显示状态和情况 实例如下所示: 以上这篇layui实现根据table数据判断按钮显示情况的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程

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

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

  • 我使用函数将熊猫数据框转换为HTML输出。当我将其保存到一个单独的HTML文件时,该文件将显示截断的输出。 例如,在我的文本栏中, 将显示 这部电影是一个很好的努力... 而不是 这部电影在解构这一时期盛行的复杂社会情绪方面做出了卓越的努力。 对于大熊猫数据框的屏幕友好格式,这种格式转换很好,但我需要一个HTML文件,它将显示数据框中包含的完整表格数据,也就是说,它将显示后一个文本元素,而不是前一