OA开发日志之Ext整合jQuery
2011-07-14 19:52
281 查看
在早期版本的Ext中,如果想要整合jQuery需要用到Ext的jQuery驱动,jquery的plugin和jQuery的Library本身,今天正好遇到这个整合的问题,于是google了一下,得到了如上的解决方案,我用的Ext是3.3版本的,属于比较新的,但在其驱动目录下只有jQuery的驱动,并没有jquery-plugin.js本身,看了一个帖子,说是要自己去上网找,于是在07年的一个开源的项目里找到了这个文件,欣喜之配了上去,结果还是一样,firebug又报出了让我看不懂的错误,回来之后缕了一下思路,又在网上参考了一下,终于可以整合了,配置如下:
上面的配置是可以的,由此看来,最新版本的Ext中并不需要什么jquery-plugin.js,只需要一个Ext的JQuery驱动则可,看似比较简单,里面却还有一点比较关键的问题需要注意
那就是
引入的先后顺序,这里注意一定要在jQuery的Library引入之后再引入ext-jquery-adapter否则会报出找不到jQuery Library的错误
不要再加载Ext的base驱动,如果同时加载两个驱动就会出现错误,这点让我难以理解的是ext-base-adapter比ext-jquery-adatper还要大
好了写一段代码测试一下
<!-- Ext 样式文件 --> <link style="text/css" rel="stylesheet" href="<%=basePath %>/ext/resources/css/ext-all.css"> <!-- jQuery Javascript Library --> <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/jquery.js"></script> <!-- Ext 的 整合jQuery的驱动 --> <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/ext-jquery-adapter.js"></script> <!-- Ext 基础包 --> <script type="text/javascript" src="<%=basePath %>/ext/ext-all.js"></script>
上面的配置是可以的,由此看来,最新版本的Ext中并不需要什么jquery-plugin.js,只需要一个Ext的JQuery驱动则可,看似比较简单,里面却还有一点比较关键的问题需要注意
那就是
引入的先后顺序,这里注意一定要在jQuery的Library引入之后再引入ext-jquery-adapter否则会报出找不到jQuery Library的错误
不要再加载Ext的base驱动,如果同时加载两个驱动就会出现错误,这点让我难以理解的是ext-base-adapter比ext-jquery-adatper还要大
好了写一段代码测试一下
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path;
%>
<!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">
<title>Insert title here</title>
<!-- Ext 样式文件 --> <link style="text/css" rel="stylesheet" href="<%=basePath %>/ext/resources/css/ext-all.css"> <!-- jQuery Javascript Library --> <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/jquery.js"></script> <!-- Ext 的 整合jQuery的驱动 --> <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/ext-jquery-adapter.js"></script> <!-- Ext 基础包 --> <script type="text/javascript" src="<%=basePath %>/ext/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
Ext.Msg.alert("测试","OK");
});
</script>
</body>
</html>
![](http://hi.csdn.net/attachment/201107/14/0_1310644430Z74K.gif)
相关文章推荐
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)
- 项目视频讲解_jQuery2.0应用开发-SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自动化(VSS、operamasks-UI框架)
- Ext JS+Android+SSH整合开发Web与移动SNS
- jQuery2.0应用开发:SSH框架整合jQuery2.0实战OA办公自己主动化(VSS、operamasks-UI框架)
- jquery,json,struts2整合开发(实现下拉列表)
- 项目OA之框架搭建整合基于SSH,Jquery,MySQL
- Ext JS+Android+SSH整合开发Web与移动SNS
- Ext 2.0下Jquery的整合使用示例
- 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志
- 使用jQuery开发一个响应式超酷整合RSS信息阅读杂志
- 实习日志(1):搭建Flex开发环境(与MyEclipse整合)
- [Ext研究之一]Ext与JQuery的初步整合
- 开发日志:使用jquery读取id含./"等特殊符号的对象
- 《人人都玩开心网:Ext JS+Android+SSH整合开发Web与移动SNS》样章下载
- JQuery与VS2008整合开发
- Ext.net 开发日志,需要注意的地方