easyui使用總結(jié)

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

2、E 瀏覽器的支持也是每一個開發(fā)人員需要注意的。Jquery V2.0.0 支持 IE9+。最新的不一定是最好的，有時候，請果斷更換你的 jquery 版本。還有一點(diǎn)注意的是，項目中通常不會只有一個地方使用 jqeury，使用 easy ui 時，使用項目中統(tǒng)一的 jquey 版本庫，也不失為一種好的方案。關(guān)于 關(guān)于 easyui 包目錄結(jié)構(gòu)調(diào)整說明 包目錄結(jié)構(gòu)調(diào)整說明通常從 jquery-easyui 官網(wǎng)中下載下來的包，是一個相當(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 文件說明：? easyui.css 是 easyui 框架的主樣式；? icon.css 是 easyui 中用到的圖標(biāo)的樣式；? jquery-1.7.2.min.js 是 easyui 使用的基礎(chǔ)；? jquery.easyui.min.js 是 ea

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

6、等等。這里對使用 easyui 控件過程中的一些注意事項進(jìn)行說明?？丶M成部分 控件組成部分每一個 每一個 easyui 控件通常都是由屬性（ 控件通常都是由屬性（Properties） 、事件（ 、事件（Events）和方法 ）和方法（Methods）這些組成部分 ）這些組成部分?？丶陨碛玫降男畔⒖梢酝ㄟ^屬性存儲，控件可以利用某些屬性（比如url）完成特定的操作；控件基于事件驅(qū)動，開發(fā)人員可以在控件初始化的時候，為控件綁定一些特定事