快捷導(dǎo)航

在layui中對table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息的方法

更新時間：2019年09月28日 17:01:43 作者：Radom7

今天小編就為大家分享一篇在layui中對table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

需要把“1”改成中文漢字：

在 done方法里面進(jìn)行數(shù)據(jù)渲染：

layui.use('table', function(){
  var table = layui.table
   ,form = layui.form;

  tableIns=table.render({
   elem: '#bankList',
   url:'/bank/bankList',
   method: 'post', //默認(rèn)：get請求
   cellMinWidth: 80,
   page: true,
   request: {
    pageName: 'pageNum', //頁碼的參數(shù)名稱，默認(rèn)：pageNum
    limitName: 'pageSize' //每頁數(shù)據(jù)量的參數(shù)名，默認(rèn)：pageSize
   },
   response:{
    statusName: 'code', //數(shù)據(jù)狀態(tài)的字段名稱，默認(rèn)：code
    statusCode: 200, //成功的狀態(tài)碼，默認(rèn)：0
    countName: 'totals', //數(shù)據(jù)總數(shù)的字段名稱，默認(rèn)：count
    dataName: 'list' //數(shù)據(jù)列表的字段名稱，默認(rèn)：data
   },
   cols: [[
    {type:'numbers'}
    ,{field:'id', title:'ID',width:80}
    ,{field:'bankName', title:'銀行名稱',align:'center'}
    ,{field:'isReceivable', title:'支持收款',align:'center'}
    ,{field:'isPayable', title: '支持提現(xiàn)',align:'center'}
    ,{fixed:'right', title:'操作',width:140,align:'center', toolbar:'#optBar'}
   ]],
   done: function(res, curr, count){
    //如果是異步請求數(shù)據(jù)方式，res即為你接口返回的信息。
    //如果是直接賦值的方式，res即為：{data: [], count: 99} data為當(dāng)前頁數(shù)據(jù)、count為數(shù)據(jù)總長度
    //console.log(res);
    //得到當(dāng)前頁碼
    //console.log(curr);
    //得到數(shù)據(jù)總量
    //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;
   }
  });

效果：