189 8069 5689

web项目如何引入jqueryEasyUI

这篇文章将为大家详细讲解有关web项目如何引入jquery EasyUI,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

为维西等地区用户提供了全套网页设计制作服务,及维西网站建设行业解决方案。主营业务为网站设计制作、网站建设、维西网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

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+"/";
%>



">
My JSP '01.jsp' starting page

















$(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!
Dialog Content
Dialog Content

ps:jquery引入路径解释:jquery/jquery-1.8.3.min.js以当前页面test.jsp为坐标在当前文件夹中查找,由于test.jsp和jquery文件夹都在webroot目录下所以不需要

'/',如果加'/'意思是从项目根目录查找

关于web项目如何引入jquery EasyUI就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


文章标题:web项目如何引入jqueryEasyUI
文章地址:http://cdxtjz.cn/article/ppsejg.html

其他资讯