在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 相关文章推荐
jQuery 源码分析笔记(2) 变量列表
May 28 Javascript
javascript折半查找详解
Jan 26 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
JavaScript表单验证实例之验证表单项是否为空
Jan 10 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
微信小程序数据存储与取值详解
Jan 30 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
Vue的props父传子的示例代码
May 20 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
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
js下函数般调用正则的方法附代码
2008/06/22 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
JS正则中的RegExp对象对象
2012/11/07 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
VUE v-model表单数据双向绑定完整示例
2019/01/21 Javascript
Vue使用localStorage存储数据的方法
2019/05/27 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
vue+element树组件 实现树懒加载的过程详解
2019/10/21 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python 3中的yield from语法详解
2017/01/18 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
Python3 解决读取中文文件txt编码的问题
2019/12/20 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
用html5绘制折线图的实例代码
2016/03/25 HTML / CSS
行政助理求职自荐信
2013/10/26 职场文书
文秘专业大学生求职信
2013/11/10 职场文书
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
浙江文明网签名寄语
2014/01/18 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
工伤赔偿协议书
2014/04/15 职场文书
学校评语大全
2014/05/06 职场文书
2015年高中班级工作总结
2015/07/21 职场文书
残联2016年全国助残日活动总结
2016/04/01 职场文书