Question

我正在阅读有关ExtJS的一些初学者教程，当我尝试使用某些HTML代码加载.html文件时，它无法正常工作

这是带有ExtJS代码的test.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title id='title'>HTML Page setup Tutorial</title>

    <!-- ** CSS ** -->
    <!-- base library -->
    <link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" />

    <!-- overrides to base library -->


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


    <!-- overrides to library -->

    <!-- extensions -->

    <!-- page specific -->

    <script type="text/javascript">
    // Path to the blank image should point to a valid location on your server
    Ext.BLANK_IMAGE_URL = '../ext-3.2.1/resources/images/default/s.gif';

    Ext.onReady(function(){
        Ext.get('div1').load({
            url : 'htmlFragment.html',
            scripts : true
        });
    });

    </script>

</head>
<body>
<div id='div1'></div>
</body>
</html>

和htmlFragment.html就像它说的那样，是一段HTML代码

<div>Hello there! This is an HTML fragment.</div>

带有ExtJS代码和htmlFragment.html的文件都在同一个文件夹中，我真的认为没有理由不这样做，但事实并非如此：（

我尝试过的所有其他ExtJS示例，DOM操作和其他基本功能都很好

我在Windows机器上尝试这个，但它在任何浏览器（FF，Opera，IE，Chrome）中都不起作用

Answer 1

你的机器上是否启用了firebug？如果是这样，你在firebug控制台上有任何例外吗？可能是ext库路径不正确。还要检查firebug以查看是否正在加载ext库文件。

Answer 2

您是否已在Web服务器中设置示例？

尽管许多示例只是直接在浏览器上打开其本地文件（即file:///C:/directory/example.html），但许多其他示例需要实际的Web服务器才能正常运行（即：http://localhost/path/example.html）。

我认为本地文件在此示例中不起作用，因为它必须执行AJAX调用才能获取htmlFragment.html文件。

您使用以下任何一种（或任何其他）网络服务器吗？

Apache HTTP Server
的lighttpd
Apache Tomcat
Internet Information Server
Visual Studio内置Web服务器

ExtJS方法load（）只是不起作用

2 个答案: