layui中对table中的数据进行判断（0、1）转换为提示信息

偏执的太偏执、 2022-04-14 03:10 383阅读 0赞

**需要把“1”改成中文汉字**：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2NjQxNzgx_size_16_color_FFFFFF_t_70]

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

**效果：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2NjQxNzgx_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2NjQxNzgx_size_16_color_FFFFFF_t_70]: /images/20220414/4afb929843554614879b8cc3fad9bb65.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI2NjQxNzgx_size_16_color_FFFFFF_t_70 1]: /images/20220414/8ab5e815adef4a35a325e0e6b3f34a82.png