在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 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
今天是星期几的4种JS代码写法
Sep 17 Javascript
javascript 获取HTML DOM父、子、临近节点
Jun 16 Javascript
avalon js实现仿微博拖动图片排序
Aug 14 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
终于实现了!精彩的jquery弹幕效果
Jul 18 Javascript
js HTML5手机刮刮乐代码
Sep 29 Javascript
js实现横向拖拽导航条功能
Feb 17 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 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 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
php IP转换整形(ip2long)的详解
2013/06/06 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
php的扩展写法总结
2019/05/14 PHP
取得父标签
2006/11/14 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
2015/08/22 Javascript
针对JavaScript中this指向的简单理解
2016/08/26 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
node中间层实现文件上传功能
2018/06/11 Javascript
vue脚手架搭建项目的兼容性配置详解
2018/07/17 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
通过JS深度判断两个对象字段相同
2019/06/14 Javascript
微信小程序订阅消息(java后端实现)开发
2020/06/01 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
Python 制作糗事百科爬虫实例
2016/09/22 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
keras 权重保存和权重载入方式
2020/05/21 Python
如何查看python关键字
2021/01/17 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
html5+svg学习指南之SVG基础知识
2014/12/17 HTML / CSS
存储过程和sql语句的优缺点
2014/07/02 面试题
医科大学生的自我评价
2013/12/04 职场文书
《鱼游到了纸上》教学反思
2014/02/20 职场文书
党员创先争优承诺书
2014/03/26 职场文书
机电系毕业生求职信
2014/07/11 职场文书
公司员工活动策划方案
2014/08/20 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
高中数学教学反思范文
2016/02/18 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android