在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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 Javascript
jQuery中queue()方法用法实例
Dec 29 Javascript
js 动态给元素添加、移除事件的实现方法
Jul 19 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
AngularJS基于provider实现全局变量的读取和赋值方法
Jun 28 Javascript
一个简易时钟效果js实现代码
Mar 25 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 Javascript
Swiper.js实现移动端元素左右滑动
Sep 08 Javascript
Vue实现计算器计算效果
Aug 17 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
JS如何监听div的resize事件详解
Dec 03 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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
深入php之规范编程命名小结
2013/05/15 PHP
微信公众号点击菜单即可打开并登录微站的实现方法
2014/11/14 PHP
php中filter_input函数用法分析
2014/11/15 PHP
微信支付的开发流程详解
2016/09/13 PHP
Web版彷 Visual Studio 2003 颜色选择器
2007/01/09 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
jQuery中filter()和find()的区别深入了解
2013/09/25 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
three.js搭建室内场景教程
2018/12/30 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
Vue使用axios出现options请求方法
2019/05/30 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python连接MySQL数据库实例分析
2015/05/12 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
基于css3实现漂亮便签样式
2013/03/18 HTML / CSS
澳大利亚吉他在线:Artist Guitars
2017/03/30 全球购物
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
英语系本科生个人求职信
2013/09/21 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
2014中考励志标语
2014/06/05 职场文书
车间安全生产标语
2014/06/06 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
职称评定个人总结
2015/03/05 职场文书
2016毕业实习单位评语大全
2015/12/01 职场文书
宝塔更新Python及Flask项目的部署
2022/04/11 Python
python实现双链表
2022/05/25 Python