Ext整合Jquery

来源：互联网发布：机加工erp软件下载编辑：程序博客网时间：2024/06/04 18:24

现在做的前端，用的Ext，但是想用Jquery插件，并且本身对Jquery也比较熟悉，所以就想到了将Ext整合Jquery。

网上查了一些资料，有Ext的源包中有整合Jquery的驱动，在页面中导入响应的js就可以了。

所需要的两个Js文件在Ext源包中的路径：1.ext\adapter\jquery\ext-jquery-adapter.js

2.ext\adapter\jquery\jquery.js

需要注意的是：

引入的先后顺序，这里注意一定要在jQuery的Library引入之后再引入ext-jquery-adapter否则会报出找不到jQuery Library的错误
不要再加载Ext的base驱动，如果同时加载两个驱动就会出现错误，这点让我难以理解的是ext-base-adapter比ext-jquery-adatper还要大

测试代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>MyHtml.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <!-- Ext 样式文件 -->   <link style="text/css" rel="stylesheet" href="resources/css/ext-all.css">   <!-- jQuery Javascript Library -->   <script type="text/javascript" src="adapter/jquery/jquery.js"></script>   <!-- Ext 的 的驱动 -->   <script type="text/javascript" src="adapter/ext/ext-base.js"></script>   <!-- Ext 的 整合jQuery的驱动 -->   <script type="text/javascript" src="adapter/jquery/ext-jquery-adapter.js"></script>   <!-- Ext 基础包 -->   <script type="text/javascript" src="ext-all.js"></script> <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  </head>    <body>    This is my HTML page. <br><div id = 'test'>hahah</div><script type="text/javascript">   $(document).ready(function(){ $("#test").html("xixixi");Ext.Msg.alert("测试","OK");   });   </script>  </body></html>