OA开发日志之Ext整合jQuery -

ZhangChuang

浏览: 39561 次
性别:
来自: 北京

最近访客更多访客>>

xubukang

fulinweiyang

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

OA开发日志之Ext整合jQuery

博客分类：

Web前端
Javascript

ext jquery javascript

在早期版本的Ext中，如果想要整合jQuery需要用到Ext的jQuery驱动，jquery的plugin和jQuery的Library本身，今天正好遇到这个整合的问题，于是google了一下，得到了如上的解决方案，我用的Ext是3.3版本的，属于比较新的，但在其驱动目录下只有jQuery的驱动，并没有jquery-plugin.js本身，看了一个帖子，说是要自己去上网找，于是在07年的一个开源的项目里找到了这个文件，欣喜之配了上去，结果还是一样，firebug又报出了让我看不懂的错误，回来之后缕了一下思路，又在网上参考了一下，终于可以整合了，配置如下:

<link style="text/css" rel="stylesheet" href="<%=basePath %>/ext/resources/css/ext-all.css">  <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/jquery.js"></script>  <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/ext-jquery-adapter.js"></script>  <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>  <link style="text/css" rel="stylesheet" href="<%=basePath %>/ext/resources/css/ext-all.css">  <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/jquery.js"></script>  <script type="text/javascript" src="<%=basePath %>/ext/adapter/jquery/ext-jquery-adapter.js"></script>  <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>

分享到：

解决DWR与jQuery之间$的冲突问题 | 盘点JDK1.5的新特性（二）——可变参数

2011-07-14 19:52
浏览 921
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

OA开发日志之Ext整合jQuery

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

OA开发日志之Ext整合jQuery

评论

发表评论

相关推荐

(Flex) 使用 ShareObject 類別

FLEX:target和currentTarget属性的区别

解决struts拦截fckeditor的问题

Ext做的简单登录界面（验证码刷新）

Struts2 与 Ext 整合开发

解决DWR与jQuery之间$的冲突问题

[HTML]Meta标签详解

最近访客更多访客>>