在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 相关文章推荐
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
JavaScript去除数组里重复值的方法
Jul 13 Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
Dec 30 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
Nov 06 Javascript
解决vuex数据页面刷新后初始化操作
Jul 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
15个小时----从修改程序到自己些程序
2006/10/09 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
laravel5使用freetds连接sql server的方法
2018/12/07 PHP
Laravel框架之解决前端显示图片问题
2019/10/24 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
Ext.MessageBox工具类简介
2009/12/10 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
Nodejs Express4.x开发框架随手笔记
2015/11/23 NodeJs
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
2016/05/17 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
2017/05/20 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
小程序图片剪裁加旋转的示例代码
2018/07/10 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
python简单获取数组元素个数的方法
2015/07/13 Python
python实现教务管理系统
2018/03/12 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
Python内建序列通用操作6种实现方法
2020/03/26 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
PyQt5结合matplotlib绘图的实现示例
2020/09/15 Python
Russell Stover巧克力官方网站:美国领先的精美巧克力制造商
2016/11/27 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
工厂门卫的岗位职责
2014/07/27 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
审计局班子四风对照检查材料思想汇报
2014/10/07 职场文书
Python 如何将integer转化为罗马数(3999以内)
2021/06/05 Python
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
 python中的元类metaclass详情
2022/05/30 Python