easyui使用總結(jié)

1、1 概述 概述本文檔內(nèi)容包括 easyui 的引入和 easyui 的使用實(shí)踐，編寫該文檔的目的，其一是為了下次再使用 easyui 的時(shí)候，有章可循，提高開發(fā)效率；其次記錄使用過(guò)程中遇到的一些關(guān)鍵的問題，供自己和其他的同學(xué)參考。2 EasyUI 的引入說(shuō)明 的引入說(shuō)明Jquery 庫(kù)引用 庫(kù)引用EasyUI 中自帶了 Jquery 的庫(kù)，版本是 V2.0.0，請(qǐng)注意該版本不一定適用于你的項(xiàng)目場(chǎng)景，關(guān)于 JqueryV2.0.0 對(duì) I

2、E 瀏覽器的支持也是每一個(gè)開發(fā)人員需要注意的。Jquery V2.0.0 支持 IE9+。最新的不一定是最好的，有時(shí)候，請(qǐng)果斷更換你的 jquery 版本。還有一點(diǎn)注意的是，項(xiàng)目中通常不會(huì)只有一個(gè)地方使用 jqeury，使用 easy ui 時(shí)，使用項(xiàng)目中統(tǒng)一的 jquey 版本庫(kù)，也不失為一種好的方案。關(guān)于 關(guān)于 easyui 包目錄結(jié)構(gòu)調(diào)整說(shuō)明 包目錄結(jié)構(gòu)調(diào)整說(shuō)明通常從 jquery-easyui 官網(wǎng)中下載下來(lái)的包，是一個(gè)相當(dāng)完整

3、的包：其目錄結(jié)構(gòu)如下：其中：? demo 目錄是 easyui 使用示例；%>/js/jquery-easyui/themes/icon.css“>/js/jquery/jquery-1.7.2.min.js“>/js/jquery-easyui/jquery.easyui.min.js“>/js/jquery-easyui/locale/easyui-lang-zh_CN.js“>/js/jquery-e

4、asyui/extends/easyui.formatter.js“>/js/jquery-easyui/extends/easyui.edit.js“>Js 和 css 文件說(shuō)明：? easyui.css 是 easyui 框架的主樣式；? icon.css 是 easyui 中用到的圖標(biāo)的樣式；? jquery-1.7.2.min.js 是 easyui 使用的基礎(chǔ)；? jquery.easyui.min.js 是 ea

5、syui 的核心 javascript 庫(kù)；? easyui-lang-zh_CN.js 是 easyui 對(duì)中文的國(guó)際化支持；? easyui.formatter.js 和 easyui.edit.js 是項(xiàng)目中使用到的兩個(gè)擴(kuò)展 js 庫(kù)。3 關(guān)于 關(guān)于 easyui 控件的使用 控件的使用easyui 庫(kù)作為一個(gè)相對(duì)成熟的 js 前端框架，提供了非常豐富的 UI 控件，包括 form 表單控件、layout 布局控件、gird 控件

6、等等。這里對(duì)使用 easyui 控件過(guò)程中的一些注意事項(xiàng)進(jìn)行說(shuō)明?？丶M成部分 控件組成部分每一個(gè) 每一個(gè) easyui 控件通常都是由屬性（ 控件通常都是由屬性（Properties） 、事件（ 、事件（Events）和方法 ）和方法（Methods）這些組成部分 ）這些組成部分。控件自身用到的信息可以通過(guò)屬性存儲(chǔ)，控件可以利用某些屬性（比如url）完成特定的操作；控件基于事件驅(qū)動(dòng)，開發(fā)人員可以在控件初始化的時(shí)候，為控件綁定一些特定事