在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 相关文章推荐
让广告代码不再影响你的网页加载速度
Jul 07 Javascript
用javascript实现画板的代码
Sep 05 Javascript
读jQuery之十二 删除事件核心方法
Jul 31 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
浅谈jquery回调函数callback的使用
Jan 30 Javascript
jQuery简单tab切换效果实现方法
Apr 08 Javascript
JavaScript性能优化总结之加载与执行
Aug 11 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
AngularJS入门教程之数据绑定原理详解
Nov 02 Javascript
JS实现的验证身份证及获取地区功能示例
Jan 16 Javascript
ES6生成器用法实例分析
Apr 10 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实现多级树型菜单
2006/10/09 PHP
给初学PHP的5个入手程序
2006/11/23 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
php5.5使用PHPMailer-5.2发送邮件的完整步骤
2018/10/14 PHP
JS冒泡事件的快速解决方法
2013/12/16 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
2015/04/01 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
Vue数字输入框组件示例代码详解
2020/01/15 Javascript
JavaScript监听一个DOM元素大小变化
2020/04/26 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
[49:29]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python实现随机梯度下降(SGD)
2020/03/24 Python
Python+selenium 获取浏览器窗口坐标、句柄的方法
2018/10/14 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
python 安装impala包步骤
2020/03/28 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
教你使用Sublime text3搭建Python开发环境及常用插件安装另分享Sublime text3最新激活注册码
2020/11/12 Python
Java面向对象面试题
2016/12/26 面试题
股权转让协议书范本
2014/04/12 职场文书
职务说明书范文
2014/05/07 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
求职信标题怎么写
2014/05/26 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
企业员工辞职信范文
2015/05/12 职场文书
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript