在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 相关文章推荐
彪哥1.1(智能表格)提供下载
Sep 07 Javascript
20个最新的jQuery插件
Jan 13 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
Jul 04 Javascript
微信小程序 开发指南详解
Sep 27 Javascript
bootstrap select下拉搜索插件使用方法详解
Nov 23 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
详解js实时获取并显示当前时间的方法
May 10 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
详解vue中在父组件点击按钮触发子组件的事件
Nov 13 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
wordpress之wp-settings.php
2007/08/17 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
php分页函数示例代码分享
2014/02/24 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
Zend Framework教程之Zend_Db_Table用法详解
2016/03/21 PHP
PHP实现找出链表中环的入口节点
2018/01/16 PHP
laravel执行php artisan migrate报错的解决方法
2019/10/09 PHP
JavaScript基本编码模式小结
2012/05/23 Javascript
Js实现双击鼠标自动滚动屏幕的示例代码
2013/12/14 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
javascript实现iframe框架延时加载的方法
2014/10/30 Javascript
js实现一个链接打开两个链接地址的方法
2015/05/12 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
js正则相关知识点专题
2018/05/10 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
Python生成任意范围任意精度的随机数方法
2018/04/09 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
python实现人机五子棋
2020/03/25 Python
tensorflow常用函数API介绍
2020/04/19 Python
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
2016/02/28 HTML / CSS
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
美容师的职业规划书
2013/12/27 职场文书
家长对小学生的评语
2014/01/28 职场文书
最新大学生创业计划书写作攻略
2014/04/02 职场文书
北大自主招生自荐信
2015/03/04 职场文书
python某漫画app逆向
2021/03/31 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript
Innodb存储引擎中的后台线程详解
2022/04/03 MySQL