天天看點

EasyUI+JavaWeb獎助學金管理系統[12]-EasyUI中文顯示與格式化1. 本章任務2. EasyUI中文顯示

1. 本章任務

之前已經将項目管理功能實作,但是存在2個問題。

EasyUI+JavaWeb獎助學金管理系統[12]-EasyUI中文顯示與格式化1. 本章任務2. EasyUI中文顯示

第一,資料表格下面的分頁是英文的,這對國内使用者不夠友好。

第二,類型應顯示獎學金、助學金,而不應該是顯示資料庫中直接存儲的award、help。

本章就來解決這兩個問題。

2. EasyUI中文顯示

一般前端架構都會有本地化(按各地的中文顯示資訊)相關的功能,我們觀察下

EasyUI+JavaWeb獎助學金管理系統[12]-EasyUI中文顯示與格式化1. 本章任務2. EasyUI中文顯示

發現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>

然後編寫formatType方法,這樣當type列值為award時,會格式化為獎學金,而其他情況會格式化為助學金。

// 格式化類型

function formatType(val, row) {

 if (val == "award") {

  return "獎學金";

 } else {

  return "助學金";

 }

}

4. 測試

重新整理頁面測試,非常完美吭

EasyUI+JavaWeb獎助學金管理系統[12]-EasyUI中文顯示與格式化1. 本章任務2. EasyUI中文顯示