1 概述 本文档内容包括easyui 的引入和easyui 的使用实践,编写该文档的目的,其一是为了下次再使用easyui 的时候,有章可循,提高开发效率;其次记录使用过程中遇到的一些关键的问题,供自己和其他的同学参考。 2 EasyUI 的引入说明 Jquery 库引用 EasyUI 中自带了Jquery 的库,版本是V2.0.0,请注意该版本不一定适用于你的项目场景,关于 JqueryV2.0.0 对 IE 浏览器的支持也是每一个开发人员需要注意的。 Jquery V2.0.0 支持 IE9+。 最新的不一定是最好的,有时候,请果断更换你的jquery 版本。 还有一点注意的是,项目中通常不会只有一个地方使用jqeury,使用easy ui时,使用项目中统一的jquey 版本库,也不失为一种好的方案。 关于 easyui 包目录结构调整说明 通常从 jquery-easyui 官网中下载下来的包,是一个相当完整的包:其目录结构如下: 其中: demo 目录是easyui 使用示例; locale 目录是国际化支持; src 目录是部分easyui 插件的源码; plugins 目录是easyui 使用的插件; themes 目录包含多套easyui 可使用的主题。 通常在项目中使用的话,demo 目录、src 目录可以不用,locale 可以去除没用的js 库,主题如果只使用默认的主题,也可以去除不用的主题。项目中,清理后的easyui 目录结构参考如下: 其中extends 目录是项目中,基于 easyui 框架做的一些扩展。 使用easyui 需要引用的js 和 css 这次项目中主要为了使用easyui 的datagrid 控件,才引入了 easyui 框架。由于不同的模块都会使用的easyui,所以把 easyui 相关的js 和 css 统一放到了editInclude.jsp 页面中,editInclude.jsp 页面的内容如下: <%@ page contentType="text/html; charset=gbk" language="java" %> <% String webContext = request.getContextPath(); %>