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" />
- ..................