ExtJS 无法读取 属性 'addClass' 的 null

Question

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

Uncaught TypeError: Cannot read property 'addClass' of null

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

Fiddle 是 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();

});