ExtJS无法读取null

问题描述

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

未捕获的TypeError：无法读取null的属性'addClass'

我真的不明白，因为我可以加上f 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();

解决方法

只需将父级更改为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();

});