痞客興的部落格

在使用EasyUI時會需要載入一些js檔和css檔,這些都是EasyUI運行時會使用到的一些程式庫

大致如下

<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_TW.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />

jquery.min.js 是JQuery的核心程式,EasyUI是基於它來運行的,所以必須載入

jquery.easyui.min.js 是EasyUI的核心程式,它就是EasyUI的本體,所以一定載入

easyui-lang-zh_TW.js 是EasyUI的語言套件,所支援的語言放在easyui\locale的目錄內,依據需求來進行載入

easyui.css 是EasyUI的整體顯示風格的設定,easyui/themes裡包含著多個顯示風格,我們選擇的是default,你可以依據喜好將default換成其他的風格,每個風格裡都有相對應的easyui.css

icon.css 是EasyUI的小圖標的設定,這個是各種風格都共用的,當然你可以自行開發改變.

js/index.js 目錄名稱設為js(可以變更為自己喜好的目錄名),index.js是可以放自行開發的js內容,我們對EasyUI的呼叫及操控會集中在這裡

本文參考李炎恢EasyUI視頻實作,記錄步驟備忘.