iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >layui如何对table中的数据进行判断(0、1)转换为提示信息
  • 652
分享到

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

2024-04-02 19:04:59 652人浏览 薄情痞子
摘要

小编给大家分享一下layui如何对table中的数据进行判断(0、1)转换为提示信息,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧

小编给大家分享一下layui如何对table中的数据进行判断(0、1)转换为提示信息,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

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

layui如何对table中的数据进行判断(0、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中的数据进行判断(0、1)转换为提示信息”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: layui如何对table中的数据进行判断(0、1)转换为提示信息

本文链接: https://www.lsjlt.com/news/78838.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • layui如何对table中的数据进行判断(0、1)转换为提示信息
    小编给大家分享一下layui如何对table中的数据进行判断(0、1)转换为提示信息,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧...
    99+
    2024-04-02
  • layui-table如何对返回的数据进行转变显示
    这篇文章将为大家详细讲解有关layui-table如何对返回的数据进行转变显示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。在使用layui表格时,在ajax请求回来的数...
    99+
    2024-04-02
  • ASP 中如何对响应数组进行有效的数据类型转换?
    在 ASP 中,响应数组是一种非常常见的数据结构。它可以用于存储多个值,并且可以方便地进行访问和操作。然而,在处理响应数组时,我们有时需要将数组中的数据类型进行转换,以便更好地满足我们的需求。本文将介绍 ASP 中如何对响应数组进行有效的...
    99+
    2023-09-10
    数据类型 响应 数组
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作