在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 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
js 获取input点选按钮的值的方法
Apr 14 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
Jul 03 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
Jun 10 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
Node.js API详解之 string_decoder用法实例分析
Apr 29 Javascript
vue render函数动态加载img的src路径操作
Oct 26 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程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
php命令行模式代码实例详解
2021/02/26 PHP
Extjs学习笔记之六 面版
2010/01/08 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
js中switch语句的学习笔记
2020/03/25 Javascript
为react组件库添加typescript类型提示的方法
2020/06/15 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
JavaScript 中判断变量是否为数字的示例代码
2020/10/22 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
使用Python解析JSON数据的基本方法
2015/10/15 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python方向键控制上下左右代码
2018/01/20 Python
python绘制简单彩虹图
2018/11/19 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
Python循环实现n的全排列功能
2019/09/16 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
python实现批量处理将图片粘贴到另一张图片上并保存
2019/12/12 Python
pytorch中的上采样以及各种反操作,求逆操作详解
2020/01/03 Python
Python运行DLL文件的方法
2020/01/17 Python
机电一体化大学生求职信
2013/11/08 职场文书
编辑求职信样本
2013/12/16 职场文书
公司授权委托书
2014/04/04 职场文书
文明和谐家庭事迹材料
2014/05/18 职场文书
我与祖国共奋进演讲稿
2014/09/13 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
教师个人教学反思
2016/02/23 职场文书
导游词之桂林山水
2019/09/20 职场文书