深入浅出ExtJS 第二版 第二章最后一个实例autoload出不来

深入浅出ExtJS 第二版 第二章最后一个实例autoload出不来 求解释
看着挺简单的先添加两个panel 分别加载有脚本的和无脚本的，两个按钮分别继续添加无脚本的和有脚本的,但运行效果是，第一次打开，有脚本的和无脚本的都正确，然后点击两个按钮，出现的都是无脚本的效果，然后刷新页面，再分别点击两个按钮，出现的都是有脚本的按钮，小生菜鸟，求高手，求求解释，附件是我改的各种实例，包括原书的例子、origin下面，求求好心人下载看看什么问题吧外论坛的这个怎么实现的附件批量上传改变了window资源管理器的标题http://www.17ext.com/showtopic-43163.aspxhttp://www.17ext.com/showtopic-43166.aspx

解决方案 »

  1.   

    有些例子要在tomcat里面运行起来才能正常的
      

  2.   

    <html>
        <head>
            <title>02.basic</title>
            <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css" />
            <script type="text/javascript" src="../adapter/ext/ext-base-debug.js"></script>
            <script type="text/javascript" src="../ext-all-debug.js"></script>
    <script type="text/javascript" src="./localXHR.js"></script>
            <script type="text/javascript">
    Ext.onReady(function(){    var tabs = new Ext.TabPanel({
            renderTo: 'tab',
            height: 200,
    //deferredRender:false,
            enableTabScroll: true
        });
        tabs.add({
            title: '文本' + Ext.id(),
            autoLoad: {url: 'subPlain.html'},
            closable: true
        });
        tabs.add({
            title: '脚本' +　Ext.id(),
            autoLoad: {url: 'subScript.html', scripts: true},
            closable: true
        });
        tabs.add({
            title: '文本' + Ext.id(),
            autoLoad: {url: 'subPlain2.html'},
            closable: true
        });
        tabs.add({
            title: '脚本' +　Ext.id(),
            autoLoad: {url: 'subScript2.html', scripts: true},
            closable: true
        });    tabs.activate(0);
    //tabs.activate(3);    var addGrid = new Ext.Button({
            text: '直接取html',
            renderTo: 'add-grid',
            handler: function(){
    var rs = tabs.add({
            title: '文本' + Ext.id(),
            autoLoad: {url: 'subPlain2.html'}
        });
                tabs.activate(rs);
            }
        });
        var addPanel = new Ext.Button({
            text: '执行html里的脚本',
            renderTo: 'add-panel',
            handler: function(){
      var rs =  tabs.add({
            title: '脚本' +　Ext.id(),
            autoLoad: {url: 'subScript2.html', scripts: true},
            closable: true
        });
                tabs.activate(rs);
            }
        });});
            </script>
        </head>
        <body>
    <div style="top:100;left:200;margin:50;">
    <div id="add-grid"></div>&nbsp;&nbsp;<div id="add-panel"></div>
    </div>
    错误零：一次加载不同文件也会，先打开第一个（1234顺序），和先打开第四个(4321顺序)效果不一样，再动态加载还是会出错
            <div id="tab" style="align:center; width:1000px;height:800; margin:50px;"></div>
    <div id="newtab"></div>
        </body>
    </html>
      

  3.   

    <html>
        <head>
            <title>02.basic</title>
        </head>
        <body>
            11111111111111111111111111111
    <input type="text" />
        </body>
    </html>
      

  4.   

    <html>
        <head>
            <title>02.basic</title>
        </head>
        <body>
            2222222222222222222222222222222 <input type="text" />
            <br />
            <div id="result"></div>
            <div id="grid"></div>
            <script type="text/javascript">
    document.getElementById("result").innerHTML = "<hr>222222";
    document.getElementById("grid").innerHTML = "<hr> " +Ext.id();        </script>
        </body>
    </html>