簡體   English   中英

ExtJS方法load()無效

[英]ExtJS method load() just doesn't work

我正在瀏覽有關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)中均無法使用

您在計算機上啟用了螢火蟲嗎? 如果是這樣,您是否在Firebug控制台上遇到任何異常? ext庫路徑可能不正確。 還要檢查firebug,看看是否正在加載您的ext庫文件。

您是否在Web服務器中樹立了榜樣?

即使許多示例都可以在瀏覽器中直接打開其本地文件(即file:///C:/directory/example.html ),但許多其他示例仍需要實際的Web服務器才能正常運行(即: http://localhost/path/example.html )。

而且我認為本地文件在此示例中不起作用,因為它必須執行AJAX調用才能獲取htmlFragment.html文件。

您是否正在使用以下任何(或任何其他)Web服務器?

  • Apache HTTP服務器
  • lighttpd
  • 阿帕奇雄貓
  • 互聯網信息服務器
  • Visual Studio內置Web服務器

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM