layui table列中参数转换（1=汽车 2=火车 3=飞机） & layui table列中的值替换（已解决）

迈不过友情╰ 2022-04-13 05:51 247阅读 0赞

问题： 类别属性为sort 后台数据库存的是1 2  3 但是显示的需要转换成 人才 政策  项目![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70][]

代码：**方法一**

页面：

小插曲：![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70 1][]

本想这种花括号是成对出现，伸展开更容易理解代码，万万没想到这种写法是不认识的，报错，这是因为这个模板语言不支持

js：

cols : [ [ // 表头
    		{
    			field : 'check',
    			title : ' ',
    			fixed : 'left',
    			type : 'checkbox'
    		}, {
    			field : 'investId',
    			title : '序号',
    			sort : true,
    			width : 80
    		}, {
    			field : 'title',
    			title : '标题'
    		}, {
    			field : 'sort',
    			title : '类别',
    			templet:'#tranSort'
    		}
    		, {
    			field : 'pubdate',
    			title : '发布时间'
    		},{
    			fixed : 'right',
    			title : '操作',
    			align : 'center',
    			toolbar : '#barDemo',
    			width : 180
    		} ] ]
    		,

**方法二**

**js:**

done:function(res, curr, count){
    			  console.log(res);
    			  $("[data-field = 'sort']").children().each(function(){
    				  
    				    if($(this).text() == '1'){
    				 
    				      $(this).text("人才");
    				 
    				    }else if($(this).text() == '2'){
    				 
    				       $(this).text("政策");
    				    }else if($(this).text() == '3'){
    				 
    				       $(this).text("项目");
    				    }
    				  })
    			    //得到当前页码
    			    console.log(curr); 
    			    //得到数据总量
    			    console.log(count);
    		}

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70]: /images/20220413/9b82cf8451984991bb9e082ddb1d2b69.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70 1]: /images/20220413/0cb59b567c5f4303b097f51381064dae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAyMDk3Nw_size_16_color_FFFFFF_t_70 2]: /images/20220413/96b472f093fa4bec8d5bd65cf3b2a416.png