1、下載Easyui。網址:http://www.jeasyui.com/download/index.php
2、下載後解壓,裏面的demo文件夾可以不用添加到工程中。
3、如圖所示在工程datagrid中的src下的webapp下把剛纔解壓好的Easyui文件夾複製粘貼進去。
4、例如其中的easy-strtuts2.jsp需要用到Easyui,在JSP頁面的前面幾行要這麼配置:
<%@ page language="java" pageEncoding="utf-8" isELIgnored="false"%>
<%
String path = request.getContextPath();
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Easyui的Datagrid</title>
<!-- 引入Jquery -->
<script type="text/javascript" src="<%=path%>/easyui_1.3.2/jquery-1.8.0.min.js" ></script>
<!-- 引入Jquery_easyui -->
<script type="text/javascript" src="<%=path%>/easyui_1.3.2/jquery.easyui.min.js" ></script>
<!-- 引入easyUi國際化--中文 -->
<script type="text/javascript" src="<%=path%>/easyui_1.3.2/locale/easyui-lang-zh_CN.js"></script>
<!-- 引入easyUi默認的CSS格式--藍色 -->
<link rel="stylesheet" type="text/css" href="<%=path%>/easyui_1.3.2/themes/default/easyui.css" />
<!-- 引入easyUi小圖標 -->
<link rel="stylesheet" type="text/css" href="<%=path%>/easyui_1.3.2/themes/icon.css" />
..................