在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 连续列表实现代码
Dec 21 Javascript
ExtJs使用IFrame的实现代码
Mar 24 Javascript
前台js调用后台方法示例
Dec 02 Javascript
Jquery 实现checkbox全选方法
Jan 28 Javascript
Javascript类型系统之String字符串类型详解
Jun 21 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
Vue父子模版传值及组件传值的三种方法
Nov 27 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
Vue源码解析之Template转化为AST的实现方法
Dec 14 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
vue总线机制(bus)知识点详解
May 10 Javascript
vscode 调试 node.js的方法步骤
Sep 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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
thinkphp缓存技术详解
2014/12/09 PHP
php中define用法实例
2015/07/30 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
javascript 获取元素样式必杀技
2014/05/04 Javascript
Javascript中拼接大量字符串的方法
2015/02/05 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
详谈javascript异步编程
2016/02/21 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
Javascript将JSON日期格式化
2016/08/23 Javascript
jQuery实现导航回弹效果
2017/02/27 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
Python跳出循环语句continue与break的区别
2014/08/25 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
Python实现的桶排序算法示例
2017/11/29 Python
Python机器学习算法库scikit-learn学习之决策树实现方法详解
2019/07/04 Python
python 伯努利分布详解
2020/02/25 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
西班牙手机之家:Phone House
2018/10/18 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
为什么要有struct关键字
2012/05/08 面试题
大学生找工作推荐信范文
2013/11/28 职场文书
家居饰品店创业计划书
2014/01/31 职场文书
秸秆管理实施方案
2014/03/15 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
关于安全的广播稿
2014/10/23 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js
总结Python连接CS2000的详细步骤
2021/06/23 Python