3.jQuery EasyUI
1、下载EasyUI资源包
登录官网点击Download,在页面下方点击Other Versions选择想要下载的指定版本。
2、将下载的easyui包解压到工程中
3、在需要使用easyui的页面先导入几个必要的js文件
导入的过程中只需在easyui文件夹下找到指定的js文件拖入页面文件即可,导入过程可参考
http://bingtianbaihua.blog.163.com/blog/static/24507302420151105404696/
要按下方顺序导入
<%--jQuery文件--%>
<script src="eaasyui1.5.1/jquery.min.js" type="text/javascript"></script>
<%-- jQuery EasyUI文件 --%>
<script src="eaasyui1.5.1/jquery.easyui.min.js" type="text/javascript"></script>
<%--中文包文件--%>
<script src="eaasyui1.5.1/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<%--默认主题css文件--%>
<link href="eaasyui1.5.1/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<%--图标CSS文件--%>
<link href="eaasyui1.5.1/themes/icon.css" rel="stylesheet" type="text/css" />
4、创建easyui组件(多种方法)
方法1(推荐)
<div class="easyui-组件名"><div>
如<div class="easyui-dialog"></div>
方法2:
<head>
<script type="text/javascript">
$(function(){
$('mm').dialog();
});
</script>
</head>
<div
id="mm"
></div>
<div id="mm"></div>
这样就会将div变成相应的easyui组件