EasyUI-DataGrid下数据库数字替换成文本信息显示以及不同状态显示不同颜色

EasyUI-DataGrid下数据库数字替换成文本信息显示

在使用easyui作为开发框架的时候，经常遇到一些常见的问题，比如某项数据名，在数据库里存的是0和1等，然后显示在页面上的时候，需要显示成“是”和“否”，“审核”，“未审核”，"未通过”，等文字。

也就是根据数字，而改写成对应的文字信息显示在页面上。
本操作是基于EasyUI-DataGrid下的。

比如：

而数据库里面是：
审核状态 0=未审核， 1=通过 ，2=不通过。

解决：
如果你是这样的：
利用js来创建的数据网格，
function loadData() {
$(’#dg’).datagrid({ })

 那么你就直在下方写这个函数：
 如图：

如果你是利用table表来创建的数据网格，其中带有th标签，那么就应该写成function函数。

如图：

在这里我采用第二种写法演示一下。

2. 数据库数字替换成文本信息显示

2.1 在jsp/html等前端网页上面写：

formatter="formatShow" 

如图：

2.2 然后在js里面写：
还可以动态改变某行的颜色。

//审核状态-颜色控制
function formatShow(value,row,index){
		 var res = '';
		 switch (value) {
		     case 0:
		         res = '<font style="color:blue;">未审核</font>';        //蓝色字体
		         break;
		     case 1:
		         res = '<font style="color:green;">通过</font>';
		         break;
		     case 2:
		         res = '<font style="color:red;">不通过</font>';
		         break;
		     default:
		         break;
		 }
		 return res;
}

效果：

3.总结

1. 本文在EasyUI-DataGrid下，将数据库数字01替换成文本信息来前台显示。
2. 采用不同状态不同颜色的显示方式。
3. 提供了js创建和function函数创建的两种方式。