ExtJS 无法读取 null 的属性“addClass”

Question

我正在尝试将表单动态添加到另一个表单，但抛出错误：

未捕获的类型错误：无法读取 null 的属性“addClass”

我真的不明白，因为我可以添加 f.e. new Ext.Button({text: 'testing'})。 但是表格不能加？为什么？

小提琴是here

var frmTemplate = new Ext.form.FormPanel({
        border: false,
        items: [{
                layout: 'hbox',
                border: false,
                items: [

                    {
                        xtype: 'textfield',
                        emptyText: 'testing 123...',
                        hideLabel: true
                    }, {
                        xtype: 'button',
                        text: 'testiranje',
                        style: {
                            marginLeft: '10px'
                        }
                    }

                ]
            }

        ]
    });

    var form1 = new Ext.form.FormPanel({
        layout: 'fit'
    });

    form1.add(frmTemplate);

    form1.render(document.body);
    form1.doLayout();

Answer 1

只需将父级更改为 Ext.Panel 或将子级更改为 Ext.Panel：

Ext.onReady(function () {

    var frmTemplate = new Ext.form.FormPanel({
        //var frmTemplate = new Ext.Panel({
        border: false,
        items: [{
            layout: 'hbox',
            border: false,
            items: [{
                xtype: 'textfield',
                emptyText: 'testing 123...',
                hideLabel: true
            }, {
                xtype: 'button',
                text: 'testiranje',
                style: {
                    marginLeft: '10px'
                }
            }]
        }]
    });

    //var form1 = new Ext.form.FormPanel({
    var form1 = new Ext.Panel({
        layout: 'fit'
    });

    form1.add(frmTemplate);

    form1.render(document.body);
    form1.doLayout();

});