Question

我有三个文件：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>

Answer 1

您需要设置＆＃34; scripts: true,＆＃34;然后你的extjs脚本正常工作。

ExtJs autoLoad脚本未执行

1 个答案: