web项目引入jquery EasyUI的方法：首先下载jQuery easyui插件；然后将相关文档考到项目的webapp下面；最后页面引入下面几个文件即可使用jquery easyui的的所有功能了。

web项目引入jquery EasyUI的方法：

jQuery easyui是一个基于jquery的用户界面插件集合，可以做出各种炫酷页面效果，大中型项目都可以使用些框架，非常好用，而且它有中文网，提供了大量的demo.下面我们看怎么将它引入到项目中

一：下载地址

http://www.jeasyui.com/download/index.PHP

二：下载解压，将相关文档考到项目的webapp下面，因为它提供了说明文档，demo，这些不需要考到项目中

三：页面引入下面几个文件即可使用jquery easyui的的所有功能了

">
">
">
">

也可以将这个放到一个公共的页面中，因为所有页面都要引用这四句话。其它页面引用这个公共页面即可

<%@ include file="./commonpage/easyuisupport.jsp" %>

实例：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



">


















$(function(){
//console.info($('#dd2'));
/*使用JavaScript动态创建EasyUI的Dialog的步骤：
1、定义一个div，并给div指定一个id
2、使用Jquery选择器选中该div，然后调用dialog()方法就可以创建EasyUI的Dialog
*/
$('#dd2').dialog();//使用默认的参数创建EasyUI的Dialog
//使用自定义参数创建EasyUI的Dialog
$('#dd3').dialog({
title: '使用JavaScript创建的Dialog',
width: 400,
height: 200,
closed: false,
cache: false,
modal: true
});
});



This is my JSP page. 


Hello World!