EasyUI+JavaWeb奖助学金管理系统[12]-EasyUI中文显示与格式化

小灰灰 2022-12-25 15:53 98阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 本章任务
 *  2. EasyUI中文显示
 *  3. 单元格格式化
 *  4. 测试

# 1. 本章任务 #

之前已经将项目管理功能实现，但是存在2个问题。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc_size_16_color_FFFFFF_t_70_pic_center]  
第一，数据表格下面的分页是英文的，这对国内用户不够友好。

第二，类型应显示奖学金、助学金，而不应该是显示数据库中直接存储的award、help。

本章就来解决这两个问题。

# 2. EasyUI中文显示 #

一般前端框架都会有本地化(按各地的中文显示信息)相关的功能，我们观察下  
![在这里插入图片描述][20201202170918372.png_pic_center]  
发现zh\_CH明显是中文的意思，CN应该是简体中文，TW应该是我国台湾地区使用的繁体中文。

所以我们引入该js文件即可显示中文页面。

# 3. 单元格格式化 #

对于单元格中显示文字不符合我们想要的格式的问题，可以通过格式化方法对齐进行格式化。

首先添加格式化方法 ，这样会通过formatType方法对类型这一列执行格式化。

然后编写formatType方法，这样当type列值为award时，会格式化为`奖学金`，而其他情况会格式化为`助学金`。

// 格式化类型
    	function formatType(val, row) {
        
    		if (val == "award") {
        
    			return "奖学金";
    		} else {
        
    			return "助学金";
    		}
    	}

# 4. 测试 #

刷新页面测试，非常完美吭  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc_size_16_color_FFFFFF_t_70_pic_center 1]

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/4d33e4825599440f9d08e4d305e9fd7d.png
[20201202170918372.png_pic_center]: https://img-blog.csdnimg.cn/20201202170918372.png#pic_center
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc_size_16_color_FFFFFF_t_70_pic_center 1]: https://img-blog.csdnimg.cn/2020120217144728.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpc2FuZ3Nhbmc=,size_16,color_FFFFFF,t_70#pic_center