OA开发日志之Ext整合jQuery
来源:互联网 发布:ubuntu install ssh 编辑:程序博客网 时间:2024/06/14 16:02
在早期版本的Ext中,如果想要整合jQuery需要用到Ext的jQuery驱动,jquery的plugin和jQuery的Library本身,今天正好遇到这个整合的问题,于是google了一下,得到了如上的解决方案,我用的Ext是3.3版本的,属于比较新的,但在其驱动目录下只有jQuery的驱动,并没有jquery-plugin.js本身,看了一个帖子,说是要自己去上网找,于是在07年的一个开源的项目里找到了这个文件,欣喜之配了上去,结果还是一样,firebug又报出了让我看不懂的错误,回来之后缕了一下思路,又在网上参考了一下,终于可以整合了,配置如下:
<!-- 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>
- OA开发日志之Ext整合jQuery
- 项目OA之框架搭建整合基于SSH,Jquery,MySQL
- Ext Prototype jQuery整合
- Ext整合Jquery
- OA办公自动化系统开发日志
- EXT开发的oa界面赏析
- 1、OA开发环境搭建 SSHJ整合
- Struts2 与 Ext 整合开发
- [Ext研究之一]Ext与JQuery的初步整合
- 前段/oa开发必备jquery ui
- OA项目之Jquery客户端验证
- OA之OA简介
- ssh整合OA
- GWT-Ext开发之HelloWorld
- OA实施日志
- Jquery+ajax后台开发日志。
- Ext JS+Android+SSH整合开发Web与移动SNS
- java OA 系统开发二:数据库设计之oa数据库设计
- hdu1243 反恐训练营
- 我的专业微博我做主!
- C# 读取excel里的图片并显示在页面上
- java tomcat 报错
- Android Out Of Memory(OOM) 的详细研究
- OA开发日志之Ext整合jQuery
- Splitting string Oracle PL/SQL
- 类似状态栏的显示
- PAM后续
- Windows句柄和API函数介绍以及常用的API函数
- hdu 3832 Earth Hour
- 单片机实现PID算法
- javascript在各个浏览器的兼容
- MySQL数据库性能优化的最佳20条经验