在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 相关文章推荐
javascript读取xml
Nov 04 Javascript
解决jquery .ajax 在IE下卡死问题的解决方法
Oct 26 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
jQuery使用$.ajax进行即时验证实例详解
Dec 11 Javascript
JavaScript语言精粹经典实例(整理篇)
Jun 07 Javascript
Angular2利用组件与指令实现图片轮播组件
Mar 27 Javascript
老生常谈javascript的面向对象思想
Aug 22 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
Dec 20 Javascript
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
微信小程序后端实现授权登录
Feb 24 Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
php&mysql 日期操作小记
2012/02/27 PHP
浅谈本地WAMP环境的搭建
2015/05/13 PHP
php命令行(cli)下执行PHP脚本文件的相对路径的问题解决方法
2015/05/25 PHP
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上
2015/12/26 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
AngularJS 单元测试(一)详解
2016/09/21 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
简单谈谈React中的路由系统
2017/07/25 Javascript
JS实现对json对象排序并删除id相同项功能示例
2018/04/18 Javascript
基于ionic实现下拉刷新功能
2018/05/10 Javascript
微信小程序仿RadioGroup改变样式的处理方案
2018/07/13 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
微信小程序实现下滑到底部自动翻页功能
2020/03/07 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
Python抓取聚划算商品分析页面获取商品信息并以XML格式保存到本地
2018/02/23 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
在pyqt5中QLineEdit里面的内容回车发送的实例
2019/06/21 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python读写Excel表格的方法
2021/03/02 Python
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
2012/12/07 HTML / CSS
高级文秘工作总结的自我评价
2013/09/28 职场文书
仓库保管员岗位职责
2013/12/20 职场文书
计划生育汇报材料
2014/12/26 职场文书
2015年护士节活动总结
2015/02/10 职场文书
创业计划书之宠物店
2019/09/19 职场文书
话题作文之成长
2019/12/09 职场文书
原生JS封装vue Tab切换效果
2021/04/28 Vue.js
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript