javascript - 在 Ext.form.Panel 中显示组件

Question

我有一个自定义组件(网格)，我想将其添加到面板中，然后在顶部有一条组件。

互联网上的所有示例如下所示:

var extPanel = Ext.create('Ext.form.Panel', {

    items: [{
        fieldLabel: 'Send To',
        name: 'to',
        anchor:'100%' 
    },{
        fieldLabel: 'Subject',
        name: 'subject',
        anchor: '100%' 
    }, 

我想添加我自己的自定义组件，称为 myGrid。我期望某种名为 component 的属性传入项目，但我不知道，因为没有关于这个“items”数组的文档。

var extPanel = Ext.create('Ext.form.Panel', {

    items: [{
        component : myGrid   
        anchor:'100%'  // anchor width by percentage
    }

Answer 1

您可以使用xtype显式创建已定义的组件。您可以引用这个 fiddle :Demo