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


Posted in Javascript onSeptember 28, 2019

需要把“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)转换为提示信息的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js中单引号与双引号冲突问题解决方法
Oct 04 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
jQuery常用且重要方法汇总
Jul 13 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
Nov 09 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
微信小程序之picker日期和时间选择器
Feb 09 Javascript
javascript常用的设计模式
Feb 09 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
Jan 02 Javascript
JavaScript笛卡尔积超简单实现算法示例
Jul 30 Javascript
你应该了解的JavaScript Array.map()五种用途小结
Nov 14 Javascript
javascript中如何判断类型汇总
May 14 Javascript
layui+jquery支持IE8的表格分页方法
Sep 28 #jQuery
JavaScript获取页面元素的常用方法详解
Sep 28 #Javascript
解决Layui数据表格的宽高问题
Sep 28 #Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 #Javascript
layui table 列宽百分比显示的实现方法
Sep 28 #Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 #Javascript
JavaScript实现轮播图效果代码实例
Sep 28 #Javascript
You might like
PHP 模板高级篇总结
2006/12/21 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
JavaScript中的apply()方法和call()方法使用介绍
2012/07/25 Javascript
javascript正则匹配汉字、数字、字母、下划线
2014/04/10 Javascript
JavaScript设计模式之工厂方法模式介绍
2014/12/28 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
js实现多图左右切换功能
2016/08/04 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
[01:42]辉夜杯战队访谈宣传片—FANTUAN
2015/12/25 DOTA
python实现的重启关机程序实例
2014/08/21 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
使用tensorflow实现AlexNet
2017/11/20 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
python 定时修改数据库的示例代码
2018/04/08 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
Windows下安装Scrapy
2018/10/17 Python
微信小程序python用户认证的实现
2019/07/29 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
出国留学自荐信
2013/10/25 职场文书
会计毕业生自我鉴定
2013/11/04 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
人代会标语
2014/06/30 职场文书
找工作求职信
2014/07/07 职场文书
2014年酒店服务员工作总结
2014/12/08 职场文书
旅游安全责任协议书
2016/03/22 职场文书
uni-app 微信小程序授权登录的实现步骤
2022/02/18 Javascript