Question

我是Ext Js的新手。我有以下文件结构。

File structure

我正在测试以下代码 -

   <html>
   <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>First Ext Js Page</title>
    <link rel="stylesheet" href="../ext-3.3.1/resources/css/ext-all.css">
     <script type="text/javascript" src="../ext-3.3.1/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="../ext-3.3.1/ext-all.js"></script>
     <script type="text/javascript" src="../ext-3.3.1/adapter/ext/ext-base-debug.js"></script>
      <script type="text/javascript">
       Ext.BLANK_IMAGE_URL = '../ext-3.3.1/resources/images/default/s.gif';
    Ext.onReady(function (){
    alert('done');
    });
  </script>
</head>
  <body>
 </body>
 </html>

但它给我的错误

Ext.onReady不是函数，
Ext.EventManager未定义，且多次
Ext.EventObject未定义

我该如何解决这个问题。

Answer 1

原因是你在ext-all.js之后包含了ext-base-debug.js（调试版本）。

使用：

<script type="text/javascript" src="../ext-3.3.1/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext-3.3.1/ext-all.js"></script>

或

<script type="text/javascript" src="../ext-3.3.1/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="../ext-3.3.1/ext-all-debug.js"></script>

Answer 2

ext库只加载一次..如果你再次在基本页面和子页面加载这些库..你会收到这个错误。请删除重复的js文件。

Ext不是Ext Js中定义的问题

2 个答案: