<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"/>
绝对路径,在原路径前加${pageContext.request.contextPath}
jquery easyui在我的jsp页面中使用,需要引入那些c及引用的路径:
<%@ page language="java" contentType="text/html charset=UTF-8"
pageEncoding="UTF-8"%>
<!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">
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/test1.css">
<script type="text/javascript" src="js/jquery/jquery-1.11.3.js"></script>
<script type="text/javascript" src="js/jquery/jquery.easyui.min.js"></script>
<title>测试 JQuery</title>
</head>
<body>
<div class="AAA">show it.</div>
</body>
<script type="text/javascript">
$(function(){
alert("OK,JQuery is run.")
})
</script>
</html>.
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
jQuery EasyUI为提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。
jQuery EasyUI是基于JQuery的一个前台ui界面的插件,功能相对没extjs强大,但页面也是相当好看的,同时页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。
我们在进行页面制作的时候,经常会需要制作d窗界面,那么如何使用EasyUI制作d窗界面呢?下面我给大家分享一下。
工具/材料Eclipse
01首先我们在Eclipse中新建一个Web项目,然后导入EasyUI的库文件夹,如下图所示
02接下来新建一个HTML5文件,主要在这个文件中进行d窗的制作,如下图所示
03然后在HTML5界面中先导入Jquery脚本,接着在导入easyui的脚本文件,如下图所示
04接下来我们运用link元素导入easyui的样式文件,如下图所示
05接着如果界面中有中文内容的话,还需要导入easyui的中文脚本文件,如下图所示
06然后我们在body区域中添加一个div,给div一个easyui-dialog的样式,如下图所示
07接着我们运行界面,你就会看到一个easyui的d窗界面就制作好了,如下图所示
08最后我们还可以在JS脚本中手动控制easyuid窗的生成,主要是通过dialog方法实现的,如下图所示
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)