在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自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
Feb 17 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
解决vue路由后界面没有变化,但是链接有的问题
Sep 01 Javascript
es6函数之尾递归用法实例分析
Apr 25 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 Vue.js
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
超越Jquery_01_isPlainObject分析与重构
2010/10/20 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
jQuery EasyUI API 中文文档 - Menu菜单
2011/10/03 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
使用jQuery避免鼠标双击的解决方案
2013/08/21 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
2015/04/01 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
JavaScript实现的选择排序算法实例分析
2017/04/14 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
分析javascript中9 个常见错误阻碍你进步
2017/09/18 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
python执行外部程序的常用方法小结
2015/03/21 Python
编写Python脚本把sqlAlchemy对象转换成dict的教程
2015/05/29 Python
Python深度优先算法生成迷宫
2018/01/22 Python
Flask之flask-session的具体使用
2018/07/26 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
pycharm中导入模块错误时提示Try to run this command from the system terminal
2020/03/26 Python
flask开启多线程的具体方法
2020/08/02 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
俄罗斯美容和健康网上商店:Созвездие Красоты
2019/07/23 全球购物
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
二年级数学教学反思
2014/01/21 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
商务经理岗位职责
2014/08/03 职场文书
OpenCV-Python直方图均衡化实现图像去雾
2021/06/07 Python
使用Python开发冰球小游戏
2022/04/30 Python