EasyUi引入文件

一，全部组件js文件
云端文件（缺一个汉化包）

   <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>

或者是本地文件

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.6/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.6/themes/icon.css"/>
<script type="text/javascript" src="jquery-easyui-1.5.5.6/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.5.6/jquery.easyui.min.js"></script>
<!--
说明：
easyui.css，包含了全部的样式，相当于是主题，如果想要换成其他的，就引入其他目录下的easyui.css
icon.css是一些小图标
注意：jquery与easyui，两个js的引入顺序不能搞错。
-->
<!-- 有时候，我们需要进行国际化，比如一些提醒、日历等，就需要引入 -->
<script type="text/javascript" src="jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>

二，部分组件js（更轻巧 要用easyloader）

   <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/jquery.min.js"></script>
  <!-- 引入easyloader.js -->
  <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-easyui-1.4.1/easyloader.js"></script>
  

部分组件使用案例

11   <script type="text/javascript">
12       $(function(){
13           //使用easyloader加载dialog模块使用到的相关js和css样式
14           easyloader.load('dialog',function(){
15               /*使用JavaScript动态创建EasyUI的Dialog的步骤：
16                 1、定义一个div，并给div指定一个id
17                 2、使用Jquery选择器选中该div，然后调用dialog()方法就可以创建EasyUI的Dialog
18                 */
19                 //使用自定义参数创建EasyUI的Dialog
20                 $('#dd2').dialog({
21                     title: '使用JavaScript创建的Dialog',
22                     width: 400,
23                     height: 200,
24                     closed: false,
25                     cache: false,
26                     modal: true
27                 });
28           });
29           
30           easyloader.locale = "zh_CN";
31           //easyloader.load 还有一个别名 using 定义在 window 对象上
32           //使用easyloader加载messager模块使用到的相关js和css样式
33         using("messager", function () {
34             alert("加载成功！");
35             $("#btnAlert").click(function () {
36                 $.messager.alert('Warning', 'The warning message');
37             });
38         });
39       });
40   </script>