在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 相关文章推荐
图片之间的切换
Jun 26 Javascript
javascript 获取图片颜色
Apr 05 Javascript
Jquery Autocomplete 结合asp.net使用要点
Oct 29 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
Javascript解析URL方法详解
Dec 05 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
Mar 13 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
javascript实现日历效果
Jun 17 Javascript
简单了解vue中的v-if和v-show的区别
Oct 08 Javascript
JS实现数组去重的11种方法总结
Apr 04 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
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP之预定义接口详解
2015/07/29 PHP
jquery判断checkbox(复选框)是否被选中的代码
2010/10/20 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
js点击选择文本的方法
2015/02/09 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
AngularJS入门教程之更多模板详解
2016/08/19 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
JS实现页面打印功能
2017/03/16 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Python 生成 -1~1 之间的随机数矩阵方法
2018/08/04 Python
python 命令行传入参数实现解析
2019/08/30 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
python实现将range()函数生成的数字存储在一个列表中
2020/04/02 Python
解决Python import .pyd 可能遇到路径的问题
2021/03/04 Python
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
事业单位公务员的职业生涯规划
2014/01/15 职场文书
关于爱情的广播稿
2014/01/16 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
基层党组织整改方案
2014/10/25 职场文书