在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 相关文章推荐
EasySlider 基于jQuery功能强大简单易用的滑动门插件
Jun 11 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
json数据与字符串的相互转化示例
Sep 18 Javascript
jquery对ajax的支持介绍
Dec 10 Javascript
jQuery操作cookie方法实例教程
Nov 25 Javascript
JS实现模拟风力的雪花飘落效果
May 13 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
javascript 正则表达式去空行方法
Jan 24 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 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中存储过程、函数的一些问题
2007/02/14 PHP
木翼下载系统中说明的PHP安全配置方法
2007/06/16 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
php数组(array)输出的三种形式详解
2013/06/05 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
基于CI框架的微信网页授权库示例
2016/11/25 PHP
javascript脚本调试方法小结
2008/11/24 Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
2013/04/17 Javascript
JS可以控制样式的名称写法一览
2014/01/16 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
jquery实现键盘左右翻页特效
2015/04/30 Javascript
跟我学习javascript的prototype使用注意事项
2015/11/17 Javascript
java必学必会之static关键字
2015/12/03 Javascript
面包屑导航详解
2017/12/07 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
2020/10/18 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
python类定义的讲解
2013/11/01 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python带参数打包exe及调用方式
2019/12/21 Python
python爬虫实现获取下一页代码
2020/03/13 Python
python正则表达式 匹配反斜杠的操作方法
2020/08/07 Python
html5使用canvas实现图片下载功能的示例代码
2017/08/26 HTML / CSS
Reformation官网:美国女装品牌
2018/09/14 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
一道SQL存储过程面试题
2016/10/07 面试题
应届生保险求职信
2013/11/11 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
浅谈Python魔法方法
2021/06/28 Java/Android