ExtJs 6 总是显示 ext/modern/modern/src/layout/container/Column.js net::ERR_FILE_NOT_FOUND

Question

我想尝试使用 Extjs 6.5.2 的 hello world 示例。当我尝试运行以下代码时

    var containerPanel = Ext.create('Ext.panel.Panel', {
        renderTo: 'app-div1',
        width: 400,
        height: 200,
        title: 'Container Panel',
        layout: 'column',
        suspendLayout: true // Suspend automatic layouts while we do several different things that could trigger a layout on their own
    });

    containerPanel.add({
        xtype: 'panel',
        title: 'Child Panel 1',
        height: 100,
        columnWidth: 0.5
    });

    containerPanel.add({
        xtype: 'panel',
        title: 'Child Panel 2',
        height: 100,
        columnWidth: 0.5
    });
    containerPanel.suspendLayout = false;
    containerPanel.updateLayout();

浏览器控制台抛出关于

的错误

ext/modern/modern/src/layout/container/Column.js net::ERR_FILE_NOT_FOUND

即使我尝试在 app.js

中导入包

Ext.application({
    name: 'MyApp',
    extend: 'MyApp.Application',

    requires: [
        'MyApp.*',
        'Ext.panel.Panel',
        'Ext.layout.container.Column'
    ]
});

我发现 ext-6.5.2-trial.zip 没有包含 \ext\modern\modern\src\layout 中的 container 文件夹。

我可以知道我在使用 Ext.panel.Panel 组件之前是否遗漏了任何步骤吗？谢谢。

Answer 1

对于经典版，您需要删除 app.js Ext.panel.Panel 和 Ext.layout.container.Column 中的这两行。如果您需要，可以在您的 classic 次观看中提出要求。

在modern toolkit there is no column layout but in classic there is present column layout Ext.layout.container.Column.

请参阅此 FIDDLE 这是在 Ext.panel.Panel.

上与 layout:column 属性一起使用

var containerPanel = Ext.create('Ext.panel.Panel', {
    renderTo: Ext.getBody(),
    width: 400,
    height: 200,
    title: 'Container Panel',
    layout: 'column'
});

// Suspend automatic layouts while we do several different things that could trigger a layout on their own
containerPanel.suspendLayouts(true); //you can also use like this.
containerPanel.add({
    xtype: 'panel',
    title: 'Child Panel 1',
    height: 100,
    columnWidth: 0.5
},{
    xtype: 'panel',
    title: 'Child Panel 2',
    height: 100,
    columnWidth: 0.5
});
containerPanel.resumeLayouts(true);

ExtJs 6 总是显示 ext/modern/modern/src/layout/container/Column.js net::ERR_FILE_NOT_FOUND

ExtJs 6 always show ext/modern/modern/src/layout/container/Column.js net::ERR_FILE_NOT_FOUND

javascript

extjs

extjs6