2011-03-25 47 views
0

這裏是我的index.html試圖訪問谷歌的ExtJS API,但它不工作

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script src="https://www.google.com/jsapi?key=ABQIAAAApcJBmCUpoKck8JpBmwHQ3xT2yXp_ZAY8_ufC3CFXhHIE1NvwkxQmzpYh64Zi3KQreNTsD6jqiql5rA" type="text/javascript"></script> 
    <script language="Javascript" type="text/javascript"> 
    //<![CDATA[ 

     google.load("ext-core", "3.0.0"); 
     google.load("jquery", "1.5.1"); 

    //]]> 
    </script> 
    <title>Reseller DashBoard</title> 
    <!-- ** CSS ** --> 
    <!-- base library --> 
    <link rel="stylesheet" type="text/css" href="./ext/resources/css/ext-all.css" /> 
    <link rel="stylesheet" type="text/css" href="./ext/resources/css/xtheme-gray.css" /> 

    <!-- overrides to base library --> 


    <!-- ** Javascript ** --> 
    <!-- ExtJS library: base/adapter --> 
    <script type="text/javascript" src="./ext/adapter/ext/ext-base.js"></script> 
<!--  <script type="text/javascript" src="./ext/ext-all.js"></script> 
-->  
    <!-- ExtJS library: all widgets --> 


    <!-- overrides to base library --> 
    <!-- extensions --> 


    <!-- page specific --> 
    <script type="text/javascript" src="application.js"></script> 
    <script type="text/javascript" src="js/Application.DashBoardGrid.js"></script> 
    <script type="text/javascript" src="js/Application.DashBoardForm.js"></script> 
    <script type="text/javascript" src="js/Application.ResellerGrid.js"></script> 
    <script type="text/javascript" src="js/Application.ResellerIroGrid.js"></script> 
    <script type="text/javascript" src="js/jsfunction.js"></script> 


</head> 
<body> 
    <div id="dashboard"> 
    <!--  <table border="1" align="center" width="80%"> 
      <tr> 
       <th align="center"><b>From Date&nbsp;&nbsp;</b></th> 
       <th align="center"><input type="text" name="from_date" size=10 value=''>&nbsp;&nbsp;&nbsp; 
        <img align='absmiddle' style='cursor:hand' src='popcalendar/date-choose.gif' onclick='popUpCalendar(this,document.index.from_date,"yyyy-mm-dd",65,53)'></th> 
       <th align="center"><b>To Date</th> 
       <th align="center"> 
        <input type="text" name="to_date" size=10 value=''>&nbsp;&nbsp;&nbsp; 
         <img align='absmiddle' style='cursor:hand' src='popcalendar/date-choose.gif' onclick='popUpCalendar(this,document.index.to_date,"yyyy-mm-dd",65,53)'></th>  
       <th><input type="submit" id="datesubmit"name="submit" value="Submit"></th> 
      </tr> 
     </table> --> 
    </div> 
</body> 
</html> 

給我的錯誤

Ext.onReady is not a function 

請有什麼建議呢?

回答

0

在包含.js文件中沒有onReady函數 - 你確定你有合適的,或者它包含了所有的東西嗎?

+0

是的我有這個功能是在application.js – XMen 2011-03-25 10:01:02

+0

我的歉意 - 我沒有看到其他包括。即使頁面上沒有您自己的JavaScript,您是否也收到了此錯誤? – 2011-03-25 10:04:24

+0

不,這是由於不包括extjs api – XMen 2011-03-25 10:07:03

0

你的包含是一個完整的混亂。沒有理由包括核心和核心調試(在兩個版本中是相同的,並且他們絕對是而不是「覆蓋到基本庫」),也沒有任何理由將核心加載到ext-base 。 Ext-all(或全部調試)仍然是必需的,但它被註釋掉了。 jQuery也被拋出,但jQuery Ext適配器不包含在內,所以不知道這裏有什麼意圖。不知道你在爲這件事引用什麼,但你似乎混合了一堆東西,卻不知道它是什麼。

如果你打開任何教程或使用Ext 3.x的例子,你會看到正確的需求包括:ext-base.jsext-all(-debug).js(加上css),就是這樣。你爲什麼不從那裏開始並嘗試讓它工作。

ext-core(-debug).js是獨立使用的核心lib,它的目的是完全獨立使用。如果您使用Ext構件框架開發應用程序,那麼您不需要核心或其Google加載API。

+0

好嗎你可以請寫下index.html的正確代碼什麼是包括 – XMen 2011-03-26 06:24:16

+0

與ref。對於這個問題,我想用谷歌的API http://programmers.stackexchange.com/questions/61825/how-to-not-mix-html-with-php更快的加載...而你說的是jquery ext適配器如何包括那個? – XMen 2011-03-28 04:54:33