Ext JS将容器添加到容器

Question

我遇到了非常奇怪的问题。 我的动态创建的容器不会陷入现有的容器中。

var patientContainer = new Ext.container.Container(id:'patientContainer'+ rec.data.patientId, style: {height: '500px', width:'500px',
                                                   borderColor:'#000000', borderStyle:'solid',
                                                   borderWidth:'1px'}});

//存在的容器

cont.add(patientContainer);
cont.doLayout();

值fr容器ID存在。 我还检查了现有容器是否有问题， cont我有什么遗漏吗？

更新：使用此代码不会改变任何内容

      var patientContainer = Ext.create('Ext.container.Container', {
                        id:'patientContainer'+ rec.data.patientId,
                            width:400,
                            height:400,                                    
                               style: {
                                borderColor:'#000000',
                                borderStyle:'solid',
                            borderWidth:'1px'
                                    }

                    });

更新：下面是控制台输出的屏幕截图。 第一个是创建好的容器，第二个是现有的容器

Answer 1

ExtJS配置作为对象而不是参数传递。

var patientContainer = new Ext.container.Container({
    id:'patientContainer'+ rec.data.patientId,
    height: '500px',
    width:'500px',
    style: {
        borderColor:'#000000',
        borderStyle:'solid',
        borderWidth:'1px'
    }
});

请注意开头和结尾的附加{。 另外，建议使用Ext.create('Ext.container.Container', { ... }); 因为它负责类加载，而新关键字则不需要。