如何将自定义xtype添加到另一个视图？

我有两个视图，我希望其中一个像部分视图一样嵌套在另一个视图中。我的两种看法如下：

ChemicalRisksView.js

    Ext.define('HandSurvey.view.ChemicalRisksView', {
        extend: 'Ext.form.Panel',
        xtype: 'chemicalrisksview',
        requires: [
            'Ext.form.FieldSet',
            'Ext.field.Text',
            'Ext.Button',
            'HandSurvey.view.SpecificChemicalView'
        ],
        config: {
            items:[{
                xtype: 'fieldset',
                title: 'Fiberglass & Resins',
                items: [
                    {
                        name: 'test',
                        xtype: 'specificchemicalview'
                    },
                    {
                        xtype: 'button',
                        text: 'Save',
                        action: 'saveChemicalRisks',
                        margin: '10 5',
                        ui: 'confirm'
                    }
                ]        
            }]
        }
    });

SpecificChemicalView.js

Ext.define('HandSurvey.view.SpecificChemicalView', {
    extend: 'Ext.form.Panel',
    xtype: 'specificchemicalview',
    requires: [
        'Ext.form.FieldSet',
        'Ext.field.Toggle',
        'Ext.field.Select',
        'Ext.field.Text',
        'Ext.Button'
    ],
    config: {
        items:[{
            xtype: 'fieldset',
            title: 'Edit Specific Chemical',
            items: [
                {
                    name: 'name',
                    xtype: 'textfield',
                    label: 'Name'
                },
                {
                    name: 'model',
                    xtype: 'textfield',
                    label: 'Model #'
                },
                {
                    name: 'manufacturer',
                    xtype: 'textfield',
                    label: 'Manufacturer'
                },
                {
                    name: 'averageExposure',
                    xtype: 'textfield',
                    label: 'Average Exposure Time'
                },
                {
                    name: 'msdsOnFile',
                    xtype: 'checkboxfield',
                    label: 'MSDS On File'
                },
                {
                    name: 'additionalInfo',
                    xtype: 'textfield',
                    label: 'Additional Info'
                },
                {
                    xtype: 'button',
                    text: 'Save Chemical',
                    action: 'saveChemical',
                    margin: '10 5',
                    ui: 'confirm'
                }
            ]    
        }]
    }
});

因此，我已经将xtype定义为specificchemicalview，并将其添加到“父”视图中的项目中。但是，什么也没有发生。它在ChemicalRisksView中什么也没有显示。我正在Chrome中调试，没有错误消息。

我正在使用相同的方法将所有视图添加到我的主导航视图，并且效果很好。我在这里想念什么？