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

简介: 本文目录1. 本章任务2. EasyUI中文显示3. 单元格格式化4. 测试

1. 本章任务

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

image.png

第一,数据表格下面的分页是英文的,这对国内用户不够友好。

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

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

2. EasyUI中文显示

一般前端框架都会有本地化(按各地的中文显示信息)相关的功能,我们观察下

image.png

发现zh_CH明显是中文的意思,CN应该是简体中文,TW应该是我国台湾地区使用的繁体中文。


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


<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>

1

3. 单元格格式化

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


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


 <th data-options="field:'type',width:50" formatter="formatType">类型</th>

1

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


// 格式化类型

function formatType(val, row) {

 if (val == "award") {

  return "奖学金";

 } else {

  return "助学金";

 }

}


4. 测试

刷新页面测试,非常完美吭

image.png


相关文章
|
JSON JavaScript Unix
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
408 0
多种方式解决EasyUI—DataGrid中DateTime的格式化问题
|
4天前
基于EasyUI的后台管理系统页面原型_示例图_下载地址
基于EasyUI的后台管理系统页面原型_示例图_下载地址
5 0
|
安全 数据安全/隐私保护
EasyUI+JavaWeb奖助学金管理系统[20]-项目总结与展望
本文目录 1. 总结 1.1 管理员新增奖助学金项目 1.2 学生发起申请 1.3 班主任审批 1.4 学院管理员审批 1.5 学校管理员审批 1.6 学生查看申请结果 2. 展望
153 0
EasyUI+JavaWeb奖助学金管理系统[20]-项目总结与展望
|
项目管理 数据安全/隐私保护
EasyUI+JavaWeb奖助学金管理系统[16]-权限管理功能的开发
本文目录 1. 本章任务 2. 页面布局 3. 加载角色对应的菜单 4. 提交角色菜单信息 5. 小结
137 0
EasyUI+JavaWeb奖助学金管理系统[16]-权限管理功能的开发
|
前端开发
EasyUI+JavaWeb奖助学金管理系统[19]-奖助学金审批功能开发
本文目录 1. 本章任务 2. 查看当前待审批的申请 3. 审批功能的开发 4. 总结
180 0
|
存储 数据库
EasyUI+JavaWeb奖助学金管理系统[18]-奖助学金申请功能开发
本文目录 1. 本章任务 2. 数据库表结构分析 3. 学生查看申请记录功能开发 4. 学生发起申请功能开发 5. 总结
254 0
|
项目管理 数据库 数据安全/隐私保护
EasyUI+JavaWeb奖助学金管理系统[17]-问题反馈功能开发
本文目录 1. 本章任务 2. 添加菜单 3. 学生问题反馈开发 4. 管理员问题答复功能开发 5. 总结
158 0
|
存储 项目管理 数据库
EasyUI+JavaWeb奖助学金管理系统[15]-人员管理功能实现
本文目录 1. 本章任务 2. 人员分页浏览的实现 3. 人员新增功能的实现 3. 人员编辑功能的实现 4. 人员删除功能的实现 5. 本章完整源代码 5.1 userManager.html 5.2 CoreServlet.java 5.3 UserDao.java 6. 总结
166 0

热门文章

最新文章