easyui学习记录

1. easyui概念

2. 创建一个easyui对话框
   什么是easyui easyui就是一个前端框架 用来美化web界面的 方便快捷 里面都是js代码

   首先创建一个web工程，在webroot下把easyui粘进去
   

在index.jsp中引入easyui需要的js

    <!-- 引入JQuery --><script type="text/javascript"    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/jquery.min.js"></script><!-- 引入EasyUI --><script type="text/javascript"    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/jquery.easyui.min.js"></script><!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 --><script type="text/javascript"    src="${pageContext.request.contextPath}/jquery-easyui-1.5.2/locale/easyui-lang-zh_CN.js"></script><!-- 引入EasyUI的样式文件--><link rel="stylesheet"    href="${pageContext.request.contextPath}/jquery-easyui-1.5.2/themes/default/easyui.css"    type="text/css" /><!-- 引入EasyUI的图标样式文件--><link rel="stylesheet"    href="${pageContext.request.contextPath}/jquery-easyui-1.5.2/themes/icon.css" type="text/css" />

下面创建一个对话框 用easyui做的啊

     1、定义一个div      2、将div的class样式属性设置成easyui-dialog，这样就可以将普通的div变成EasyUI的Dialog了       --%>    <div class="easyui-dialog" id="dd1" title="EasyUI Dialog"        style="width: 500px;height:200px;">Hello World!</div>