继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

程序员大阳
关注TA
已关注
手记 357
粉丝 1.5万
获赞 1523

1. 本章任务

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

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

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

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

2. EasyUI中文显示

一般前端框架都会有本地化(按各地的中文显示信息)相关的功能,我们观察下
图片描述
发现zh_CH明显是中文的意思,CN应该是简体中文,TW应该是我国台湾地区使用的繁体中文。

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

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

3. 单元格格式化

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

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

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

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

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

4. 测试

刷新页面测试,非常完美吭
在这里插入图片描述

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP