javascript - 在 sencha 中创建 IFrame

Question

我正在尝试使用 sencha/ext6 modern 将 IFrame 添加到选项卡栏。

目前我的尝试是有一个标签栏，例如:

Ext.define('Heren5Frontend.view.main.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'app-main',

    controller: 'main',
    viewModel: 'main',

    defaults: {
        tab: {
            iconAlign: 'top'
        }
    },

    tabBarPosition: 'top',

    items: [{
            title: 'Aanmelden wedstrijd',
            //iconCls: 'x-fa fa-users',
            items:[{
                xtype: "attendenceframe",
                id: "frameId",
                src: "http://google.com",
            }]
        }
    ]
});

框架为:

Ext.define('Heren5.view.main.AttendenceFrame', {
    extend: 'Ext.ux.IFrame',
    xtype: 'attendenceframe',
    requires: [
        'Ext.ux.IFrame',
    ],
});

但是这会失败，因为找不到 namespace 。更新 app.json 应该可以正常工作吗？

"requires": [
    "font-awesome",
    "ext-ux"
],

但是，这仍然失败，并在构建时出现错误消息:

[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExNotFound: Unknown definition for dependency : Ext.ux.IFrame
[ERR]   at or
[ERR] g.apache.tools.ant.Project.executeTarget(Project.java:1368)

Answer 1

Ext.ux.IFrame 不是现代工具包的一部分。如果您检查文档，您会发现 Ext.ux.IFrame 在搜索中标有 [C](经典)，而不是 [M](现代)。现代工具包似乎没有类似的组件可用。

您可以尝试是否复制code进入您的项目可以解决问题。