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. 测试
刷新页面测试,非常完美吭
點擊查看更多內(nèi)容
為 TA 點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦