在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判断对象是否相等实现代码
Mar 18 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
Feb 26 Javascript
javascript实现图片轮播效果
Jan 20 Javascript
详解使用webpack打包编写一个vue-toast插件
Nov 08 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
Mar 21 Javascript
微信小程序开发问题之wx.previewImage
Dec 25 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
通过Kettle自定义jar包供javascript使用
Jan 29 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
JS前端基于canvas给图片添加水印
Nov 11 Javascript
vue中watch的用法汇总
Dec 28 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
php ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
php mail to 配置详解
2014/01/16 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
ECSHOP在PHP5.5及高版本上报错的解决方法
2015/08/31 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
iframe 异步加载技术及性能分析
2011/07/19 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
使用Jquery实现每日签到功能
2015/04/03 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
JavaScript各类型的关系图解
2015/10/16 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
2016/03/11 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
微信小程序实现同一页面取值的方法分析
2019/04/30 Javascript
Vue路由模块化配置的完整步骤
2019/08/14 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
Python创建xml的方法
2015/03/10 Python
python list元素为tuple时的排序方法
2018/04/18 Python
使用python存储网页上的图片实例
2018/05/22 Python
Python中的Numpy矩阵操作
2018/08/12 Python
python3 读取Excel表格中的数据
2018/10/16 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
python解析xml简单示例
2019/06/21 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
python打包多类型文件的操作方法
2020/09/21 Python
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
员工考核评语大全
2014/04/26 职场文书