Ext JS项目配置

Question

使用ext代码生成器工具创建的通用Ext JS应用程序，有很多名为“ items”的数组。 我可以说这是某种配置，其中可以包含键/值对的对象，但是我找不到关于此的任何详细文档。 键/值对中有某些键，例如xtype，引用，侦听器等，是否可以在items数组中使用这些键的详尽列表？ 在Ext JS术语中，items config叫什么东西？ 我确实在6.7.0文档的“布局和容器”页面上发现了“ items config”，但是不幸的是，它是一个断开的链接，基本上只是提到了它，但未提供任何细节。

应用程序中的示例：

items: [
    { xtype: 'navview',    reference: 'navview',    docked: 'left',   bind: {width:  '{navview_width}'}, listeners: { select: "onMenuViewSelectionChange"} },
    { xtype: 'headerview', reference: 'headerview', docked: 'top',    bind: {height: '{headerview_height}'} },
    { xtype: 'footerview', reference: 'footerview', docked: 'bottom', bind: {height: '{footerview_height}'} },
    { xtype: 'centerview', reference: 'centerview' },
    { xtype: 'detailview', reference: 'detailview', docked: 'right',  bind: {width:  '{detailview_width}'}  },
]

Answer 1

items配置可用于所有Ext.container.Container类的后代ExtJS组件。 从项目配置描述中可以看到：

单个项目或要添加到此容器的子组件数组

items对象的主要配置是xtype 。 这基本上是组件类的别名。

与使用完整的类名相比，此属性为创建对象提供了更短的选择。 使用xtype是定义组件实例的最常见方法，尤其是在容器中。

您可以检查Ext.enums.Widget以获取ExtJS提供的xtype的完整列表。 除了xtype之外，您还可以具有其他任何可用于xtype确定的组件的配置属性。

通常，您还可以为自己的组件类定义自定义xtype，并在items配置中使用它们。 您提供的代码中似乎存在这种情况。 这些不是预定义的ExtJS xtype。