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的配置说明中可以看到：

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

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

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

您可以检查Ext.enums.Widget以获得ExtJS提供的xtype的完整列表。除了xtype以外，您还可以拥有xtype确定的组件的其他配置属性available。

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

Ext JS项目配置

1 个答案: