EasyUI使用总结、适合新手入门

1   概述

本文档内容包括easyui的引入和easyui的使用实践，编写该文档的目的，主要为了给下次需要使用的easyui的同事做参考，提高开发效率。

2       EasyUI的引入说明

2.1         Jquery库引用

项目中使用EasyUI版本为1.3.3版本其中中自带了Jquery的库，版本是V2.0.0，请注意该版本不一定适用于你的项目场景，关于Jquery V2.0.0对IE浏览器的支持也是每一个开发人员需要注意的。Jquery V2.0.0支IE9+。为了统一项目中的jquery版本，所以就把easyui自带的jquery版本换成项目中使用的版本1.7.2。

2.2         关于easyui包目录结构调整说明

通常从jquery-easyui官网中下载下来的包，是一个相当完整的包其中包括一下文件夹及目录：

demo目录是easyui使用示例；

locale目录是国际化支持；

src目录是部分easyui插件的源码；

plugins目录是easyui使用的插件；

themes目录包含多套easyui可使用的主题。

通常在项目中使用的话，demo目录、src目录可以不用，locale可以去除没用的js库，主题如果只使用默认的主题，也可以去除不用的主题。

2.3         使用easyui需要引用的js和css

要使用easyui的功能，需要引入一下样式及js。引入代码如下

|

|

Js和css文件说明：

easyui.css是easyui框架的主样式；

icon.css是easyui中用到的图标的样式；

jquery-1.7.2.min.js是easyui使用的基础；

jquery.easyui.min.js是easyui的核心javascript库；

easyui-lang-zh_CN.js是easyui对中文的国际化支持；

3       关于easyui控件的使用

easyui库作为一个相