尝试访问extjs google api但它无法正常工作

时间:2011-03-25 09:55:52

标签: extjs google-api

这是我的index.html

<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

请建议做什么?

2 个答案:

答案 0 :(得分:0)

在包含的.js文档中没有onReady函数 - 你确定你有正确的函数,或者它包含了所有内容吗?

答案 1 :(得分:0)

你的包括一团糟。没有理由包括核心和核心调试(在2个版本中同样的东西,它们肯定是“覆盖基础库”),也没有任何理由加载核心与ext-base一起。 Ext-all(或all-debug)仍然是必需的,但它被注释掉了。 jQuery也被引入,但是jQuery Ext适配器不包括在内,所以不确定它的意图是什么。不确定你引用了什么,但你似乎把一堆东西混合在一起而不理解它是什么。

如果你打开任何使用Ext 3.x的教程或示例,你会看到正确的必需包括:ext-base.jsext-all(-debug).js(加上css),就是这样。你为什么不从那里开始尝试让它发挥作用。

ext-core(-debug).js是分离出来供自己使用的核心库,它旨在完全独立使用。如果您正在使用Ext小部件框架来开发应用程序,那么您不需要核心或其Google加载API。