在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 相关文章推荐
javascript单例模式的简单实现方法
Jul 25 Javascript
javascript实现禁止复制网页内容汇总
Dec 30 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
举例讲解如何判断JavaScript中对象的类型
Apr 22 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
node vue项目开发之前后端分离实战记录
Dec 13 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 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实现的功能是显示8条基色色带
2006/10/09 PHP
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
php可变长参数处理函数详解
2017/02/22 PHP
jquery 插件学习(一)
2012/08/06 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
利用js编写响应式侧边栏
2016/09/17 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
Bootstrap页面标题Page Header的实现方法
2017/03/22 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
利用vue-i18n实现多语言切换效果的方法
2019/06/19 Javascript
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
九步学会Python装饰器
2015/05/09 Python
使用python脚本实现查询火车票工具
2018/07/19 Python
Python实现插入排序和选择排序的方法
2019/05/12 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
Flask框架学习笔记之使用Flask实现表单开发详解
2019/08/12 Python
python列表返回重复数据的下标
2020/02/10 Python
win10安装python3.6的常见问题
2020/07/01 Python
python Yaml、Json、Dict之间的转化
2020/10/19 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
财务人员个人求职信范文
2013/12/04 职场文书
致共产党员倡议书
2014/04/16 职场文书
工作目标责任书
2014/07/23 职场文书
React Native项目框架搭建的一些心得体会
2021/05/28 Javascript
React配置子路由的实现
2021/06/03 Javascript
Python实现8种常用抽样方法
2021/06/27 Python