溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2021-08-18 10:28:51 來源:億速云 閱讀:137 作者:小新 欄目:web開發(fā)

小編給大家分享一下layui如何對table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

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

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

在 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;
   }
  });

效果:

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

以上是“l(fā)ayui如何對table中的數(shù)據(jù)進(jìn)行判斷(0、1)轉(zhuǎn)換為提示信息”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI