在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 & DHTML 实例编程(教程)基础知识
Jun 02 Javascript
javascript之可拖动的iframe效果代码
Aug 01 Javascript
Javascript 作用域使用说明
Aug 13 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
vue2组件之select2调用的示例代码
Oct 12 Javascript
微信小程序实现写入读取缓存详解
Aug 30 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 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 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
PHP cdata 处理(详细介绍)
2013/07/05 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
关于可运行代码无法正常执行的使用说明
2010/05/13 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
2013/12/05 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
Canvas 绘制粒子动画背景
2017/02/15 Javascript
xmlplus组件设计系列之按钮(2)
2017/04/26 Javascript
jquery Ajax实现Select动态添加数据
2017/06/08 jQuery
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
用Python制作简单的钢琴程序的教程
2015/04/01 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
Python shelve模块实现解析
2019/08/28 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
python openpyxl模块的使用详解
2021/02/25 Python
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
加热夹克:RAVEAN
2018/10/19 全球购物
Farfetch阿联酋:奢侈品牌时尚购物平台
2019/07/26 全球购物
介绍一下Java中的static关键字
2012/05/12 面试题
如何定义一个可复用的服务
2014/09/30 面试题
高中军训感言200字
2014/02/23 职场文书
供货协议书
2014/04/22 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
酒店管理求职信
2014/06/09 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
安全教育日主题班会
2015/08/13 职场文书
如何写好活动总结
2019/06/21 职场文书
Java实现带图形界面的聊天程序
2022/06/10 Java/Android