0

我有三个文件:form.html、report.html、console.html。我在使用 console.html 页面时遇到了两个问题。

  • 我正在尝试加载“report.html”,但只加载了静态内容,未加载 extJs 组件或说脚本未执行。

  • 我正在尝试加载“form.html”。在这段代码中,我能够成功加载 form.html 和 extJs 组件。但问题是一旦加载了tab2,我就无法激活/查看tab1。

    感谢任何帮助。任何没有任何错误的 autoLoad 示例都可以。

    Console.html 如下:

<head>
    <title>Sample Console</title>
    <link rel="stylesheet" type="text/css" href="../ExtJs/resources/css/ext-all.css" />
    <script type="text/javascript" src="../ExtJs/ext-all-debug.js"></script>
    <script type="text/javascript">
        Ext.onReady(function() {
            Ext.create('Ext.panel.Panel', {
                renderTo: 'frmSampleConsole',
                split: true,
                height : '100%',
                width : '100%',
                layout:'border',
                defaults: {
                    collapsible: true,
                    split: true
                    //bodyStyle: 'padding:15px'
                },
                items: 
                [
                    {
                        title: 'Report',
                        region : 'west',
                        width : 280,
                        autoLoad : 'report.html',
                        contentType: 'html',
                        scripts : true
                    }
                    ,
                    {
                        id :'tabpanel',
                        xtype:'tabpanel',
                        title: 'Main Content',
                        collapsible: false,
                        region:'center',
                        items : [
                            {
                                id : 'tab1',
                                title: 'Tab1',
                                collapsible: false,
                                margins: '5 0 0 0',
                                activeTab:0,
                                items: [
                                    {
                                        html : 'Sample html content'
                                    }
                                ]
                            },
                            { 
                                id :'tab2',
                                title : 'Tab2',  
                                layout : 'fit',
                                closable: true,
                                loader: {
                                    url: 'form.html',
                                    contentType: 'html',
                                    autoload: true,
                                    loadMask: true,
                                    scripts: true
                                },
                                listeners: {
                                    render: function(tab) {
                                        tab.loader.load();
                                    }
                                }
                            }
                        ]
                    }
                ]
            });

        });
    </script>
</head>
<body>
    <div id = 'frmSampleConsole'></div>
</body>
</html>
4

1 回答 1

0

你需要设置“ scripts: true,”然后你的 extjs 脚本就可以工作了。

于 2014-01-23T06:18:38.907 回答